在 jquery 日期选择器中需要帮助

Need help in jquery date picker

本文关键字：帮助 选择器 jquery 日期      更新时间：2023-09-26

大家好，我在日期选择器中遇到了一个问题，请帮助我的朋友。

我正在将此代码用于日期选择器。

$("#datepicker").datepicker({minDate: 0});

此代码使所有以前的日期禁用，这是正确的，也是我需要的。现在我需要是。

假设日期是 02/05/2016，从这个日期开始，我需要禁用接下来的 2 个日期，没有人可以选择这些日期。 02/06/2016 ， 02/07/2016

我尝试使用最小最大值函数和日期 02/05/2016 使用我的代码动态来。

请帮助我，朋友。

您可以像这样专门禁用日期。

/** Days to be disabled as an array */
var badDates = ["02-06-2015", "02-07-2014"];
function DisableSpecificDates(date) {
    var string = $.datepicker.formatDate('mm-dd-yy', date);
    return [badDates.indexOf(string) == -1];
  }
$(function() {
  $("#datepicker").datepicker({
    minDate: 0,
    beforeShowDay: DisableSpecificDates
  });
});

无论您要添加到badDates数组的任何日期都将被禁用。

谢谢阿米特

使用 beforeShowDay ，一个将日期作为参数并且必须返回一个数组的函数，该数组true/false指示此日期是否可选，CSS类名添加到日期的单元格或"表示默认表示，此日期的可选弹出工具提示

试试这个：

var date = new Date();
var array = [];
var numberOfDays = 2;
for (var i = 0; i < numberOfDays; i++) {
  date.setDate(date.getDate() + 1);
  var formattedDate = jQuery.datepicker.formatDate('mm/dd/yy', date);
  array.push(formattedDate);
}
$('#date').datepicker({
  minDate: 0,
  beforeShowDay: function(date) {
    var string = jQuery.datepicker.formatDate('mm/dd/yy', date);
    return [array.indexOf(string) == -1]
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/redmond/jquery-ui.css" rel="stylesheet" />
<input id='date' />

相关文章：