如何在早上12点将bootstrap-datetimepicker设置为今天的日期

时间:2016-09-24 23:37:47

标签: javascript jquery bootstrap-datetimepicker eonasdan-datetimepicker

我正在尝试使用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 AM,将“To”Picker设置为“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'));

2 个答案:

答案 0 :(得分:1)

希望JSFIDDLE帮助你。我使用下面的代码来设置minDate

$('#ActionForm_LocalFrom').datetimepicker({
    format: 'MM/DD/YYYY LT',
    minDate: moment().startOf('day').hour(23).minute(59)
});

答案 1 :(得分:1)

你必须将useCurrent设置为false。

试试这个

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

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