web/static/css/jq-css/demos/datepicker/show-week.html
changeset 30 81d408373dde
equal deleted inserted replaced
29:1f2c13ece5e9 30:81d408373dde
       
     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>