Datetimepicker maxDate 不工作
Datetimepicker maxDate not working
我正在使用 jquery datetimepicker 并尝试将最大日期设置为 5 月 7 日,出于某种原因,无论我为 maxDate 参数设置什么,它总是将 maxDate 限制为今天(5- 2016 年 5 月)。我做错了什么吗?
这给了我正确的值,但最大日期始终设置为今天而不是 2016 年 5 月 7 日。
代码:
$(function(){
$('#AuditDate').datetimepicker({timepicker: false,format:'d-M-Y', maxDate: '07-May-2016', value: '05-May-2016'});
});
<script>
$('.some_class').datetimepicker({
timepicker: false,
format:'d-M-Y',
maxDate : '2016/05/25'
});
</script>
// Just pass the max date in this format.
尝试以下格式以匹配您的 maxDate 格式:
format:'dd-M-yy'
datetimepicker
范围日期(minDate 和 maxDate)的问题是它们必须有正确的格式(例如 Y/M/d
、Y/m/d
、d-M-Y
)但是这并不意味着你的 js 对象必须!下面我添加了完整的工作代码。
ps。我正在使用 momentjs
库,因此您必须将其添加到您的代码中 ;)
Html:
<input id="date_from" type="text" >
<input id="date_to" type="text" >
Js:
(function($) {
"use strict";
var dtpFrom = $("input[name=date_from]");
var dtpTo = $("input[name=date_to]");
dtpFrom.datetimepicker({
lang: 'pl',
format: 'Y-m-d H:i:s',
closeOnDateSelect: true,
onShow:function( ct ) {
var setMaxDate = moment(dtpTo.val()).format('YYYY/MM/DD');
this.setOptions({
maxDate: setMaxDate
? setMaxDate
: false
})
},
timepicker:false
});
dtpTo.datetimepicker({
lang: 'pl',
format: 'Y-m-d H:i:s',
closeOnDateSelect: true,
onShow:function( ct ){
var setMinDate = moment(dtpFrom.val()).format('YYYY/MM/DD');
this.setOptions({
minDate: setMinDate
? setMinDate
: false
})
},
timepicker:false
});
}(jQuery));
// replase maxDate to endDate
$(".datepicker_ate_hoje").datepicker({
format: "dd/mm/yyyy",
weekStart: 1,
todayBtn: "linked",
endDate: new Date(),
autoclose: true,
todayHighlight: true
});
我正在使用 jquery datetimepicker 并尝试将最大日期设置为 5 月 7 日,出于某种原因,无论我为 maxDate 参数设置什么,它总是将 maxDate 限制为今天(5- 2016 年 5 月)。我做错了什么吗?
这给了我正确的值,但最大日期始终设置为今天而不是 2016 年 5 月 7 日。
代码:
$(function(){
$('#AuditDate').datetimepicker({timepicker: false,format:'d-M-Y', maxDate: '07-May-2016', value: '05-May-2016'});
});
<script>
$('.some_class').datetimepicker({
timepicker: false,
format:'d-M-Y',
maxDate : '2016/05/25'
});
</script>
// Just pass the max date in this format.
尝试以下格式以匹配您的 maxDate 格式:
format:'dd-M-yy'
datetimepicker
范围日期(minDate 和 maxDate)的问题是它们必须有正确的格式(例如 Y/M/d
、Y/m/d
、d-M-Y
)但是这并不意味着你的 js 对象必须!下面我添加了完整的工作代码。
ps。我正在使用 momentjs
库,因此您必须将其添加到您的代码中 ;)
Html:
<input id="date_from" type="text" >
<input id="date_to" type="text" >
Js:
(function($) {
"use strict";
var dtpFrom = $("input[name=date_from]");
var dtpTo = $("input[name=date_to]");
dtpFrom.datetimepicker({
lang: 'pl',
format: 'Y-m-d H:i:s',
closeOnDateSelect: true,
onShow:function( ct ) {
var setMaxDate = moment(dtpTo.val()).format('YYYY/MM/DD');
this.setOptions({
maxDate: setMaxDate
? setMaxDate
: false
})
},
timepicker:false
});
dtpTo.datetimepicker({
lang: 'pl',
format: 'Y-m-d H:i:s',
closeOnDateSelect: true,
onShow:function( ct ){
var setMinDate = moment(dtpFrom.val()).format('YYYY/MM/DD');
this.setOptions({
minDate: setMinDate
? setMinDate
: false
})
},
timepicker:false
});
}(jQuery));
// replase maxDate to endDate
$(".datepicker_ate_hoje").datepicker({
format: "dd/mm/yyyy",
weekStart: 1,
todayBtn: "linked",
endDate: new Date(),
autoclose: true,
todayHighlight: true
});