要用datePick,首先要导入在你JSP中导入
<link rel="stylesheet" type="text/css" href="resource/css/jquery.datepick.css" />
<script type="text/javascript" src="resource/js/common/jquery-1.4.2.js"></script>
<script type="text/javascript" src="resource/js/common/jquery.datepick.js"></script>
js 代码
<script type="text/javascript">
$(document).ready(){
$.datepick.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, todayText:'今天',
initStatus: '请选择日期', isRTL: false
};
$("#startDate").datepick({
dateFormat:'yyyy-mm-dd',
onSelect:customStartRange
});
$("#startDate").datepick('getDate');
$('#startDate').datepick('setDate', '+0m -3d') ;
var date1 =$("#startDate").val();
var arys1=date1.split('-');
var sdate=new Date(arys1[0],parseInt(arys1[1]-1),arys1[2]);
$("#endDate").datepick(
{
dateFormat:'yyyy-mm-dd',
minDate :sdate
});
$.datepick.setDefaults($.datepick.regional['zh-CN']);
}
function customStartRange(dates){
$("#endDate").datepick('option','minDate',dates[0]||null);
}
</script>
html 代码
<div class="texts_ledft" >起始日期:</div>
<input type="text" style="width:100px;height:16px;line-height:22px;font-size:12px;float:left;" id="startDate" />
<div class="texts_ledft" >结束日期:</div>
<input type="text" style="width:100px;height:16px;line-height:22px;font-size:12px;float:left;" id="endDate" />