结束日期必须等于且大于在boostrap中开始选择日期

Question

要求 - 结束日期必须大于等于然后在boostrap datepicker中选择开始日期并在选定开始日期前禁用。

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

我的boostrap代码是

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

用于参考检查jq​​uery代码 Fiddle

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

Answer 1

请检查此解决方案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);
});