如何设置日期控件中起止时间的选取限制?

更新于
2026-09-29 13:49:08
2阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计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); });