结束日期必须等于并大于引导程序中的开始选定日期

Posted 2021-04-05

要求 - 结束日期必须大于等于然后在引导日期选择器中和选定的开始日期禁用之前开始选定的开始日期。

问题 - 它可能在jquery日期，但我想知道如何在boostrap日期。

我的引导代码是

 $('#start_date').datepicker({autoclose: true,startDate: new Date()});
 $('#end_date').datepicker({autoclose: true,startDate: new Date()});

供参考检查jq​​uery代码Fiddle

注意 - 我想在bootstrap中准确实现此选择器任何人都可以帮助我吗？

答案

请检查这个解决方案click here来检查这个小提琴。我已经在下面放置了使用bootstrap datepicker的代码。

$(".from_date").datepicker({
  format: 'yyyy-mm-dd',
  autoclose: true,
}).on('changeDate', function (selected) {
    var startDate = new Date(selected.date.valueOf());
    $('.to_date').datepicker('setStartDate', startDate);
}).on('clearDate', function (selected) {
    $('.to_date').datepicker('setStartDate', null);
});

$(".to_date").datepicker({
   format: 'yyyy-mm-dd',
   autoclose: true,
}).on('changeDate', function (selected) {
   var endDate = new Date(selected.date.valueOf());
   $('.from_date').datepicker('setEndDate', endDate);
}).on('clearDate', function (selected) {
   $('.from_date').datepicker('setEndDate', null);
});