日期选取器引导程序不更改值

datepicker bootstrap not change value?

本文关键字：引导程序 选取 日期      更新时间：2023-09-26

同样的花絮，当我在日期选择器中更改日期时，它的值没有改变我将start_date与end_date进行比较。如果start_date大于end_date。它是start_date或end_date的注意和更改日期

$(document).ready(function () {    
    $('#start_date').datepicker().on('changeDate', function (ev)
    {
        if($('#start_date').val() > $('#end_date').val())
        {
            alert("Start date is larger  end date");
        $('#start_date').datepicker('update',$('#end_date').val());
        }
    });
  
     $('#end_date').datepicker().on('changeDate', function (ev)
    {
        if($('#start_date').val() > $('#end_date').val())
        {
            alert("End date is smaller  start date");
            $('#end_date').datepicker('update',$('#start_date').val());
        }
    });
});
<input type="text" id="start_date" />
<input type="text" id="end_date" />
谢谢大家。我在 （eyecon.ro/bootstrap-datepicker） 使用 datepicker bootstrap 最新， bootstrap v3.3.1 at （getbootstrap.com）， jQuery UI - v1.11.2 - 2014-11-23 at （jqueryui.com） ， jQuery JavaScript Library v1.10.2 at （jquery.com/）

这段代码怎么样

var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
var checkin = $('#start_date').datepicker({
    onRender: function(date) {
        return date.valueOf() < now.valueOf() ? 'disabled' : '';
    }
}).on('changeDate', function(ev) {
    if (ev.date.valueOf() > checkout.date.valueOf()) {
        var newDate = new Date(ev.date)
        newDate.setDate(newDate.getDate() + 1);
        checkout.setValue(newDate);
    }
    checkin.hide();
    $('#end_date')[0].focus();
}).data('datepicker');
var checkout = $('#end_date').datepicker({
    onRender: function(date) {
        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
    }
}).on('changeDate', function(ev) {
    checkout.hide();
}).data('datepicker');

检查这个工作小提琴

相关文章：