我正在尝试使用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'));
答案 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);
});