BootStrap datepicker 重置取消控件中的日期
1、控制开始时间、结束时间选择范围:
// 仅选择日期
$(".startdate").datepicker(
{
keyboardNavigation:false,
forceParse:false,
autoclose:true,
format: "yyyy-mm-dd",
language: 'zh',
clearBtn:true,
endDate: new Date(),
todayHighlight: true
}).on('changeDate', function(ev){
if(ev.date){
$(".enddate").datepicker('setStartDate', new Date(ev.date.valueOf()));
}else{
$(".enddate").datepicker('setStartDate',null);
}
});
$(".enddate").datepicker(
{
keyboardNavigation:false,
forceParse:false,
autoclose:true,
format: "yyyy-mm-dd",
language: 'zh',
clearBtn:true,
endDate: new Date(),
todayHighlight: true
}).on('changeDate', function(ev){
if(ev.date){
$(".startdate").datepicker('setEndDate', new Date(ev.date.valueOf()));
}else{
$(".startdate").datepicker('setEndDate',new Date());
}
});
2、页面上有个重置按钮,情况清空表单中所有的输入项,包括这个日期控件。
清空方法如下:
$("#beginTime").datepicker('clearDates');
3、select 下拉框重置时,要求显示第一个option选项(请选择):
$("#payStatus option:first").prop("selected", 'selected');