Jquery 如何使某些日期在html日期表单中不可用

我有一张预订表，上面有一张日期表。我想禁用某些已预订/不可用的日期。我有JavaScript代码，在我的例子中不起作用。有没有其他方法可以帮助我禁用日历中的日期

var数组=[“2019-03-14”、“2019-03-11”、“2019-03-26”]；
$（函数（）{
$（'input'）。日期选择器({
日期格式：'年-月-日'，
beforeShowDay:功能（日期）{
var string=jQuery.datepicker.formatDate（'yy-mm-dd'，日期）；
return[array.indexOf（string）=-1]
}
});
});

预订你的约会
请将此添加到
之间的任意位置：

您的代码似乎运行得很好。下面我唯一改变的是：


添加了
yy-mm-dd
的
dateFormat
选项，因为这是
所需的格式
将输入标记为
只读
，因此只能通过popin对其进行修改（请注意，这可能不是理想的可访问性）


var数组=[“2019-03-14”、“2019-03-11”、“2019-03-26”]；
$（函数（）{
$（'input'）。日期选择器({
日期格式：'年-月-日'，
beforeShowDay:功能（日期）{
var string=jQuery.datepicker.formatDate（'yy-mm-dd'，日期）；
return[array.indexOf（string）=-1]
}
});
});

预订你的约会
@charly通过运行我发布的代码片段（蓝色按钮），您可以看到，它不会阻止您选择日期。请道歉，我的日期表单有点输入错误，现在可以了。你说过这可能不明智。对于人们的预订日期，有什么替代/更好的处理方法吗？@charly-See。我认为最好的方法是根本不要使用
readonly
，并像验证任何其他字段一样验证该值（通过我不确定您是否可以使用HTML5标准属性验证天数黑名单）。无论如何，这不是我的专长，但我相信你能找到关于它的信息。我也用它来禁用时间，但我仍然能够选择时间。知道为什么吗$（#DisableTimeRangeSample'）。时间选择器（{'disableTimeRanges'：[[1am'、[2am']、[3am'、[4:01am']}）；您正在将
datepicker
插件应用于所有
input
元素。使用类只标记需要日期选择器的控件并使用它。为什么需要三个不同版本的jQuery和jQuery UI？
  <!-- datepicker -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.13/jquery-ui.min.js" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css">
  <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script type="text/javascript" src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <!-- //datepicker -->