a、引用 CSS 、js
<link type="text/css" href="<%=basePath %>css/themes/base/ui.base.css" rel="stylesheet" />
<!-- Datepicker 样式及其颜色 -->
<link rel="stylesheet" href="<%=basePath %>css/themes/base/blue2.css" type="text/css"></link>
<script type="text/javascript" src="<%=basePath%>js/utils/jquery-1.3.2.js"></script>
<script type="text/javascript" src="<%=basePath%>utils/jQueryUI/ui.core.js"></script>
<script type="text/javascript" src="<%=basePath%>js/utils/jQueryUI/ui.datepicker.js"></script>
$('#id').datepicker();
b、格式化时间
$('#id').datepicker({dateFormat:'yy-mm-dd'});
c、汉化
function Page(){
}
Page.prototype = {
initJQueryDatePicker : function(){
if(!$){
alert('你的页面不支持jQuery1.3.2');
return;
}
$.datepicker.regional['zh-CN'] =
{
clearText: '清除', clearStatus: '清除已选日期',
closeText: '关闭', closeStatus: '不改变当前选择',
prevText: '<上月', prevStatus: '显示上月',
nextText: '下月>', nextStatus: '显示下月',
currentText: '今天', currentStatus: '显示本月',
monthNames: ['一月','二月','三月','四月','五月','六月',
'七月','八月','九月','十月','十一月','十二月'],
monthNamesShort: ['一','二','三','四','五','六',
'七','八','九','十','十一','十二'],
monthStatus: '选择月份', yearStatus: '选择年份',
weekHeader: '周', weekStatus: '年内周次',
dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
dayNamesMin: ['日','一','二','三','四','五','六'],
dayStatus: '设置 DD 为一周起始', dateStatus: '选择 m月 d日, DD',
dateFormat: 'yy-mm-dd', firstDay: 1,
initStatus: '请选择日期', isRTL: false
};
$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
}
};
官网: http://docs.jquery.com/UI/Datepicker