client/player/development-bundle/demos/datepicker/show-week.html
changeset 50 1ecfe4720da7
parent 49 af3778eab5e8
child 51 2d6866072851
equal deleted inserted replaced
49:af3778eab5e8 50:1ecfe4720da7
     1 <!DOCTYPE html>
       
     2 <html lang="en">
       
     3 <head>
       
     4 	<meta charset="UTF-8" />
       
     5 	<title>jQuery UI Datepicker - Show week of the year</title>
       
     6 	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
       
     7 	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
       
     8 	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
       
     9 	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
       
    10 	<script type="text/javascript" src="../../ui/jquery.ui.datepicker.js"></script>
       
    11 	<link type="text/css" href="../demos.css" rel="stylesheet" />
       
    12 	<script type="text/javascript">
       
    13 	$(function() {
       
    14 		$("#datepicker").datepicker({showWeek: true, firstDay: 1});
       
    15 	});
       
    16 	</script>
       
    17 </head>
       
    18 <body>
       
    19 
       
    20 <div class="demo">
       
    21 
       
    22 <p>Date: <input type="text" id="datepicker"></p>
       
    23 
       
    24 </div><!-- End demo -->
       
    25 
       
    26 <div class="demo-description">
       
    27 
       
    28 <p>The datepicker can show the week of the year. The default calculation follows
       
    29 	the ISO 8601 definition: the week starts on Monday, the first week of the year
       
    30 	contains the first Thursday of the year. This means that some days from one
       
    31 	year may be placed into weeks 'belonging' to another year.</p>
       
    32 
       
    33 </div><!-- End demo-description -->
       
    34 
       
    35 </body>
       
    36 </html>