首先在head之间引入jquery库文件和datepicker插件以及相关css。
然后在body间加入一个输入框。
Javscript
调用datepicker非常简单,直接使用以下代码就可以实现:
$(function(){
$("#date_1").datepicker();
});
这样,单击输入框的时候会自动弹出一个日期选择器,选中日期后,自动关闭选择器,并在输入框中显示选中的日期。
$('#timepicker').datetimepicker({
showHour: false,
showMinute: false,
dateFormat: "yy-mm-dd",
timeFormat: '',
onSelect:function(dateText, inst) {
//alert(dateText);//OK
window.location.href = "getData.do?date="+dateText.trim();
}
});