结束日期必须等于并且大于boostrap中的开始选择日期 [英] End date must be equal and greater than start selected date in boostrap

问题描述

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

Requirements - End date must be equal and greater then start selected start date in boostrap datepicker and before selected start date disable.

问题-可以在jquery日期中使用，但是我想知道如何在boostrap日期中使用。

Problem - its possible in jquery date but I want to know how to make in boostrap date.

我的boostrap代码是

my boostrap code is

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

供参考检查jQuery代码
提琴

for reference check jquery code Fiddle

注意-我想在此选择器的确切实现bootstrap
谁能帮我吗？

Note - I want exact implemention of this picker in bootstrap Can anyone help me?

推荐答案

请检查此解决方案单击此处来检查小提琴。我在下面放置了使用引导日期选择器的代码。

Please check this solution click here to check the fiddle for this. I have placed the code below that uses 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);
});

这篇关于结束日期必须等于并且大于boostrap中的开始选择日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！