如何设置日期控件中起止时间的选取限制?
- 内容介绍
- 文章标签
- 相关推荐
本文共计141个文字,预计阅读时间需要1分钟。
日期控件结束时间选择限制:
//html " data-date-format="yyyy-mm-dd" style="height: 28px; width:120px; border-radius:4px!important; ;border: 1px solid #6fb3e0" class="date-picker" placeholder="开始时间" readonly="readonly"/> --" data-date-format="yyyy-mm-dd" style="height: 28px;width: 120px; border-radius:4px !important;border: 1px solid #6fb3e0" class="date-picker" placeholder="结束时间" readonly="readonly" /> //js //开始时间 $('#startTime').datepicker({ autoclose : true, todayHighlight : true, endDate : new Date() }).on('changeDate',function(e){ var startTime = e.date; $('#endTime').datepicker('setStartDate',startTime); }); //结束时间 $('#endTime').datepicker({ autoclose : true, todayHighlight : true, endDate : new Date() }).on('changeDate',function(e){ var endTime = e.date; $('#startTime').datepicker('setEndDate',endTime); });
本文共计141个文字,预计阅读时间需要1分钟。
日期控件结束时间选择限制:
//html " data-date-format="yyyy-mm-dd" style="height: 28px; width:120px; border-radius:4px!important; ;border: 1px solid #6fb3e0" class="date-picker" placeholder="开始时间" readonly="readonly"/> --" data-date-format="yyyy-mm-dd" style="height: 28px;width: 120px; border-radius:4px !important;border: 1px solid #6fb3e0" class="date-picker" placeholder="结束时间" readonly="readonly" /> //js //开始时间 $('#startTime').datepicker({ autoclose : true, todayHighlight : true, endDate : new Date() }).on('changeDate',function(e){ var startTime = e.date; $('#endTime').datepicker('setStartDate',startTime); }); //结束时间 $('#endTime').datepicker({ autoclose : true, todayHighlight : true, endDate : new Date() }).on('changeDate',function(e){ var endTime = e.date; $('#startTime').datepicker('setEndDate',endTime); });

