【问题标题】:Disable Next date of a datepicker in javascript or jquery在 javascript 或 jquery 中禁用日期选择器的下一个日期
【发布时间】:2017-04-28 02:48:57
【问题描述】:

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

例如,今天是日期 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,  
});
});

【问题讨论】:

  • 你能举个例子吗,下一个日期,周末还是今天
  • 例如,今天是日期 21-04-2017,因此 Datepicker 日期 22-04-2017 应该被隐藏,但其他日期应该是活动的。

标签: javascript jquery datepicker


【解决方案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' />

【讨论】:

  • 我只想隐藏明天的日期。
  • 例如,今天是日期 21-04-2017,因此 Datepicker 日期 22-04-2017 应该被隐藏,但其他日期应该是活动的。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-11-29
  • 1970-01-01
  • 2020-08-25
  • 2019-01-02
  • 2014-11-10
相关资源
最近更新 更多