jQuery UI $.datepicker.noWeekends 不起作用

use*_*057 2 jquery jquery-ui jquery-ui-datepicker

我正在使用以下脚本:

<script>
    $( function() {
        $( "#datepicker" ).datepicker({
            altField: "#alternate",
            altFormat: "DD, d MM, yy"
        });
    } );

    $(function() {
        $( "#datepicker" ).datepicker({
            beforeShowDay: $.datepicker.noWeekends
        });
    });
</script>
Run Code Online (Sandbox Code Playgroud)

我正在使用以下 HTML:

<p>Date: <input type="text" id="datepicker">&nbsp;<input type="text" id="alternate" size="30"></p>
Run Code Online (Sandbox Code Playgroud)

问题是所有周末仍然显示。任何关于我应该做什么的帮助将不胜感激。

如果需要,这是“头部”代码:

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery UI Datepicker</title>
    <link rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.css">
    <script src="jquery-1.12.4.js"></script>
    <script src="jquery-ui-1.12.1/jquery-ui.js"></script>
Run Code Online (Sandbox Code Playgroud)

j08*_*691 5

您在同一个元素上声明了两个日期选择器,第二个覆盖了第一个。将您的代码合并为:

$(function() {
  $("#datepicker").datepicker({
    altField: "#alternate",
    altFormat: "DD, d MM, yy",
    beforeShowDay: $.datepicker.noWeekends
  });
});
Run Code Online (Sandbox Code Playgroud)

jsFiddle 示例