2

我正在尝试使用bootstrap-datetimepicker来允许用户使用简单的工具选择日期和时间值。

我使用bootstrap-datetimepicker创建了两个选择器,并将它们像这样链接在一起

//From Picker
$('#ActionForm_LocalFrom').datetimepicker({
    format: 'MM/DD/YYYY LT',
}).on("dp.change", function (e) {
    $('#ActionForm_LocalTo').data("DateTimePicker").minDate(e.date);
});

//To Picker
$('#ActionForm_LocalTo').datetimepicker({
    format: 'MM/DD/YYYY LT',
    useCurrent: false //Important! See issue #1075
}).on("dp.change", function (e) {
    $('#ActionForm_LocalFrom').data("DateTimePicker").maxDate(e.date);
});

我需要将默认日期时间更改$('#ActionForm_LocalFrom')为设置为9/24/2016 12:00 AM和默认设置$('#ActionForm_LocalTo')9/24/2016 11:59 PM。请注意,2016 年 9 月 24 日是今天的日期。

如何将日期设置为今天的日期,将“From”选择器的时间设置为上午 12:00,将“To”选择器的时间设置为“11:59 PM”?

这是我在这里尝试过的,但它不起作用

//From Picker
$('#ActionForm_LocalFrom').datetimepicker({
    format: 'MM/DD/YYYY LT',
}).on("dp.change", function (e) {
    $('#ActionForm_LocalTo').data("DateTimePicker").minDate(e.date);
}).defaultDate(moment().startOf('day'));

//To Picker
$('#ActionForm_LocalTo').datetimepicker({
    format: 'MM/DD/YYYY LT',
    useCurrent: false //Important! See issue #1075
}).on("dp.change", function (e) {
    $('#ActionForm_LocalFrom').data("DateTimePicker").maxDate(e.date);
}).defaultDate(moment().endOf('day'));
4

1 回答 1

1

希望这个JSFIDDLE对您有所帮助。我使用下面的代码来设置 minDate

$('#ActionForm_LocalFrom').datetimepicker({
    format: 'MM/DD/YYYY LT',
    minDate: moment().startOf('day').hour(23).minute(59)
});
于 2016-09-25T00:10:03.213 回答