jquery Datepicker

需要引入的文件 <scriptsrc="<c:urlvalue='/javascripts/jquery-ui/ui/jquery.ui.datepicker.js'/>"></script> <script src="<c:urlvalue='/javascripts/jquery-ui/ui/jquery.ui.core.js'/>"></script> <scriptsrc="<c:urlvalue='/javascripts/jquery-ui/ui/i18n/jquery.ui.datepicker-zh-CN.js'/>"></script><!--汉化用 --> <link href="<c:urlvalue='/javascripts/jquery-ui/themes/base/jquery.ui.all.css'/>" rel="stylesheet" />

年和月可选 修改jquery.ui.datepicker.js文件的changeMonth值为true; changeYear值为true

汉化 1. 引入文件<scriptsrc="<c:urlvalue='/javascripts/jquery-ui/ui/i18n/jquery.ui.datepicker-zh-CN.js'/>"></script> 2. 修改jquery.ui.datepicker.js文件的this.regional = ['zh-CN'];   3. 修改jquery.ui.datepicker.css的 .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:49%;} 修改成 .ui-datepicker select.ui-datepicker-month { width:65px;} .ui-datepicker select.ui-datepicker-year { width:65px;}

单个日期控件写法 $("#datepicker").datepicker();

两个日期控件写法 <scripttype="text/javascript">     $(function(){               vardates = $("#beginDate, #endDate").datepicker({            onSelect:function(selectedDate ){               varoption = this.id== "beginDate"? "minDate": "maxDate",instance = $( this).data("datepicker" );               date= $.datepicker.parseDate(instance.settings.dateFormat|| $.datepicker._defaults.dateFormat,selectedDate,instance.settings);               dates.not(this ).datepicker("option", option, date);            }        });     }); </script>

设置最小和最大日期 $("#startTime, #expireTime").datepicker({minDate:new Date()}); $("#startTime, #expireTime").datepicker({maxDate:new Date()});