繁体   English   中英

jQuery Datepicker - 如何在今天之后的前两天禁用

[英]jQuery Datepicker - How to disable first two days after today

我正在尝试制作一个jQuery datepicker,其中今天的前两天被禁用。

我的意思是,例如,今天的当前日期是12日(星期一)。 当客户点击日历时,第12天和第13天都是灰色且无法点击,第一个可用日期是第14天(周三)

我目前只有一个基本日历,周末禁用,并且无法找到方法来执行此方法。

任何帮助,将不胜感激。

您可以在beforeShowDay使用选项,该函数在今天和明天的日期返回false

 $(function() { $("#datepicker").datepicker({ beforeShowDay: function(date) { var today = new Date().getDate(), tomorrow = today + 1; // date is not today, tomorrow, or week-end if ((today == date.getDate() || tomorrow == date.getDate()) || date.getDay() % 6 == 0) { return [false, "CSSclass", "disabled"]; } else { return [true, '', '']; } } }) }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> <p>Date: <input type="text" id="datepicker"></p> 

你可能想要这个jsfiddle的东西

$(function() {
  var date = new Date();
  var minDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() + 2);
  $('#thedate').datepicker({
    dateFormat: 'dd-mm-yy',
    minDate: minDate,
    beforeShowDay: $.datepicker.noWeekends
  });

});

它获取当前日期并创建一个新日期,提前2天。 然后它使用日期选择器的minDate属性并将其设置为新的最小日期。 您可能需要检查以确定+2是否大于月末,但这不应该是一个很大的麻烦。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM