在javascript或jquery中禁用日期选择器的下一个日期

时间:2017-04-28 02:48:57

标签: javascript jquery datepicker

我想在datepicker上禁用下一个日期。在这段代码中,我可以轻松隐藏周末日期,但我找不到任何隐藏下一个日期的解决方案。

今天的例子是日期21-04-2017所以在Datepicker日期22-04-2017应该隐藏但其他日期应该是有效的。

var newWeekends = (weekends) ? $.datepicker.noWeekends : false;
var newDaysNb = (date_nb_days == 0) ? '1' : date_nb_days;
$( function() {
$( "#datepicker" ).datepicker({
timeFormat: "hh:mm tt",
beforeShowDay:$.datepicker.noWeekends,                    
changeYear: false,  
});
});

1 个答案:

答案 0 :(得分:1)

更新2:
以下是隐藏下一个日期的代码:

var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);
var dd = tomorrow.getDate();
var mm = tomorrow.getMonth()+1; //January is 0!

var yyyy = tomorrow.getFullYear();
if(dd<10){
    dd='0'+dd;
} 
if(mm<10){
    mm='0'+mm;
} 
var today = yyyy+'-'+mm+'-'+dd;
var array = []
array.push(today);

console.log(array)
$('input').datepicker({
    language:'TR',
    beforeShowDay: function(date){
        var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
        return [ array.indexOf(string) == -1 ]
    }
});
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link href="https://davidwalsh.name/demo/jquery-ui-css/custom-theme/jquery-ui-1.7.2.custom.css" rel="stylesheet"/>

<input type='text' id='visit' />