Question

我正在使用链接bootstrap datetimepickers和我的项目。我使用这些，以便用户可以从数据库中选择要搜索的事件的时间范围，例如：“选择在开始日期和结束日期之间发生的所有事件”。当用户选择仅开始日期或同时选择开始日期和结束日期时，一切正常。

当用户想要仅选择结束日期时，问题就开始了，例如：“选择在结束日期之前发生的所有事件”。选择结束日期后，datetimepicker也会填写开始日期字段，并选择与结束日期相同的日期。因此，在点击提交按钮之前，用户必须清空搜索的开始日期字段。

我可以取消选择链接但我必须检查其他地方的错误日期选择（例如开始日期之前的结束日期），这也不是很好。所以，我很不确定如何继续这个。

javascript几乎是来自datetimepicker网站的copypaste：

$(function () {
    $('#datetimepicker1').datetimepicker({
        locale: 'fi',
        stepping: '15',
        format: 'YYYY-MM-DD HH:mm'
    });
    $('#datetimepicker2').datetimepicker({
        locale: 'fi',
        stepping: '15',
        format: 'YYYY-MM-DD HH:mm',
        useCurrent: false //Important! See issue #1075
    });
    $("#datetimepicker1").on("dp.change", function (e) {
        $('#datetimepicker2').data("DateTimePicker").minDate(e.date);
    });
    $("#datetimepicker2").on("dp.change", function (e) {
        $('#datetimepicker1').data("DateTimePicker").maxDate(e.date);
    });
});

Answer 1

好的，这很典型。我在发布这个问题后几分钟就解决了。

仅在选择较早日期而非当前日期作为结束日期时才会出现问题。当我将useCurrent：false添加到datetimepicker1时，问题就消失了。

Linked Bootstrap datetimepickers，如何仅选择结束日期

1 个答案: