在jQuery datetimepicker中阻止日期

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在jQuery datetimepicker中阻止日期相关的知识,希望对你有一定的参考价值。

我有一个代码,阻止未来4天在datetimepicker,但问题是添加到4的天数。例如今天的日期是28/08/2018然后输出必须是“01/09/2018 “这将是输出,但我的代码中的输出是”32/08/2018“。

这是代码

//datetimepicker
<input type="text" id="text_checkin">

//jquery script --reference only--
<link rel="stylesheet" type="text/css" href="js/jquery.datetimepicker.min.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.datetimepicker.full.js"></script>

这是我的剧本“

<script type="text/javascript">
var d = new Date();

var month = d.getMonth()+1;
var day = d.getDate()  + 4;

var output = ((''+day).length<2 ? '0' : '') + day + '/' 
+ ((''+month).length<2 ? '0' : '') + month 
+ '/' + d.getFullYear();


alert(output);


$("#text_checkin").attr("autocomplete","off");
$("#text_checkout").attr("autocomplete","off");

$('#text_checkin').datetimepicker({
    step: 5
});
$('#text_checkin').datetimepicker({
   minDate: output
});
$('#text_checkin').datetimepicker({
    timepicker:false,
    format: 'd/m/Y',
    formatDate:'d/m/Y'
});
</script>
答案

正确的抵消日期的方法是

 // date 4 days ahead
    var nextDay = new Date();
    nextDay.setDate(nextDay.getDate() + 4);

    alert(nextDay);

以上是关于在jQuery datetimepicker中阻止日期的主要内容,如果未能解决你的问题,请参考以下文章

如何在 jQuery datetimepicker 中格式化日期?

jquery datetimepicker 配置参数

jQuery datetimepicker:禁用时间

如何在 jQuery datetimepicker 中禁用选定的日期和时间

mint ui datetimepicker 手机端jquery datetimepicker 总结应用

jquery datetimepicker事件如何调用