如何使用jQuery datepicker设置仅下周可选 其余日期全部禁用

资源引入修正 #

你当前的CSS资源引入标签使用错误，CSS文件需要用link标签加载，修正后的引入代码如下：

<script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">

核心配置代码 #

直接在初始化datepicker时通过minDate和maxDate参数即可实现范围限制，无需额外复杂逻辑：

<!-- 日期选择输入框 -->
<input type="text" id="datepicker">

<script>
$(function() {
  $("#datepicker").datepicker({
    // 最小可选日期为今天，填1则从明天开始算
    minDate: 0,
    // 最大可选日期为今天往后7天，刚好覆盖一周范围
    maxDate: "+7d"
    // 你之前的其他datepicker配置可以继续追加在这里
  });
});
</script>

参数说明 #

• minDate：控制可选的最早日期，值为0代表今天，值为N（正整数）代表今天之后第N天，负整数代表今天之前第N天
• maxDate：控制可选的最晚日期，+7d表示在当前选择的最小日期基础上再加7天，自动禁用所有超出范围的日期

如果需要调整范围，比如要选择下一周（不含今天）的7天，只需要把minDate改为1即可。

内容的提问来源于stack exchange，提问作者leesuccess