结束日期必须等于且大于在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代码 小提琴

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

Answer 1

请检查此解决方案点击此处查看小提琴.我已经在下面放置了使用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);
});