【问题标题】:Second Bootstrap Datepicker Doesn't Autoclose After Modifying Via onChange in First Datepicker通过第一个 Datepicker 中的 onChange 修改后,第二个 Bootstrap Datepicker 不会自动关闭
【发布时间】:2020-11-23 17:28:34
【问题描述】:

我有 2 个日期选择器 - startDate 和 endDate。在使用 startDate 的 on('changeDate') 对其进行修改之前,endDate 本身就可以很好地工作。使用startDate修改endDate时,在选择新日期时不会自动关闭(另一个奇怪的效果是,在新日期上按下鼠标时,旧日期会出现在文本框中,直到松开鼠标,在那里被替换与选定的日期)。

    $('#startDate.datepicker').datepicker({
        format: 'dd M yyyy',
        todayBtn: "linked",
        autoclose: true,
        todayHighlight: true
    }).on('changeDate', function (selected) {
        var minDate = new Date(selected.date.valueOf());
        $('#endDate.datepicker').datepicker({ format: 'dd M yyyy' }); // <--THIS IS THE LINE ADDED
        $('#endDate.datepicker').datepicker('setStartDate', minDate);
        $('#endDate.datepicker').datepicker('setDate', minDate); // <--THIS IS THE LINE ADDED
    })
    ;

$('#endDate.datepicker').datepicker({
    format: 'dd M yyyy',
    todayBtn: "linked",
    autoclose: true
});`

编辑 - 我更改了 endDate 日期选择器,以便在日期更改时发出警报消息。如果先选择 startDate,则不会触发此逻辑(但是,如果先选择 endDate,则会触发)。

    $('#endDate.datepicker').datepicker({
     format: 'dd M yyyy',
     todayBtn: true,
     autoclose: true
    }).on('changeDate', function () {
    alert("here");
    });

【问题讨论】:

    标签: jquery razor jquerydatetimepicker


    【解决方案1】:

    原来它所需要的只是包装在下面的块中。我不确定为什么需要这样做,但是因为脚本是我的 MVC5 视图主体中的最后一件事

    $(document).ready(function () {
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-05-03
      • 2012-04-01
      • 1970-01-01
      • 2015-08-28
      • 1970-01-01
      相关资源
      最近更新 更多