bootstrap-datepicker关于开始时间小于结束时间且都大于当前时间的控制
//==========================HTML=======================================
<div class="col-sm-3 col-xs-8">
<input id="startTime" class="datepicker" name="startTime" type="text" required >
</div>
<div class="col-sm-1 col-xs-4">结束时间</div>
<div class="col-sm-3 col-xs-8">
<input id="endTime" class="datepicker" dateEndGeStart="#startTime" name="endTime" type="text" required >
</div>
//==========================JS=======================================
<script src="${base}/assets/js/date-time/bootstrap-datepicker.min.js"></script>
<script src="${base}/assets/js/date-time/locales/bootstrap-datepicker.zh-CN.js"></script>
$(function(){
$(".datepicker").datepicker({
language: "zh-CN",
autoclose: true,//选中之后自动隐藏日期选择框
format: "yyyy-mm-dd"//日期格式
});
//设置开始时间
$('#startTime').datepicker('setStartDate', new Date());
$('#endTime').datepicker('setStartDate', new Date());
$("#startTime").datepicker().on('changeDate', function(e) {
//获取选取的开始时间
var endTimeStart =$("#startTime").val();
//设置结束时间
$('#endTime').datepicker('setStartDate', endTimeStart);
});
//设置结束时间必须晚于开始时间
$("#endTime").datepicker().on('changeDate', function(e) {
//获取选取的开始时间
var endTimeStart =$("#startTime").val();
//设置结束时间
$('#endTime').datepicker('setStartDate', endTimeStart);
});
}
- bootstrap-datepicker限定可选时间范围 一、应用场景 实际应用中可能会根据日期字段查询某个日期范围内的数据,则需要对日期选择器可选时间进行限制, 如:开始时间不能大于结束时间,
- easyui datebox日期控制扩展选择日期小于等于当前日期,开始日期小于等于结束日期
- datepicker,结束时间必须大于开始时间
- 97DatePicker结束时间大于开始时间控制
- datepicker,结束时间必须大于开始时间
- laydate范围选择,结束时间大于开始时间同时大于当前时间
- My97DatePicker 日期控制,开始时间不能大于结束时间,结束时间不能小于开始时间
- layui/layui2设置时间laydate 结束时间大于开始时间
- boostrap的日期选择:datetimepicker 做 开始时间与 结束时间的判断,开始时间小于结束时间
- myDatePinker设置开始时间不能大于结束时间
- 时间选择框(My97控件)控制结束时间大于开始时间的方法
- My97DatePicker:开始时间和结束时间的最大间隔为1个月30天,并且不大于当前时间(3种方法)
- easyUI的datebox,开始/结束日期不得大于当前日期,开始日期不得大于结束日期
- WdatePicker 设置开始日期不能大于结束日期且日期不能大于当前时间
- My97DatePicker:开始时间和结束时间的最大间隔为1个月30天,并且不大于当前时间(3种方法)
- EasyUI Datebox 日期验证之开始日期小于结束时间
- datepicker 日期范围 结束日期大于开始日期
- WdatePicker 开始日期不能大于结束日期,结束时间不能小于开始时间
- My97DatePicker:开始时间和结束时间的最大间隔为1个月30天,并且不大于当前时间(3种方法)