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

问题描述

要求 - 结束日期必须等于并且大于在 boostrap 日期选择器中开始选定的开始日期，并且在选定的开始日期禁用之前.

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()});

供参考检查jq​​uery代码小提琴

for reference check jquery code Fiddle

注意 - 我想在引导程序中准确实现这个选择器有人可以帮我吗?

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

推荐答案

请查看 这个 JSFiddle 演示.我在下面放置了使用引导日期选择器的代码.

Please check out this JSFiddle demo. 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屋！