Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery Datepicker-多个实例并禁用以前选择的日期?_Javascript_Jquery - Fatal编程技术网

Javascript jQuery Datepicker-多个实例并禁用以前选择的日期?

Javascript jQuery Datepicker-多个实例并禁用以前选择的日期?,javascript,jquery,Javascript,Jquery,我有一个页面,用户可以使用jQueryUIDatePicker选择三个不同的约会日。当用户在第一个字段中选择一天时,我希望将该日期从其他两个字段中排除。我目前也禁用星期天,但无法使动态日期禁用工作 Appointment Time 1<br /> <input id="appointment1_date" type="text" name="appointment1_date" value="Select..." /> Appointment Time 2<

我有一个页面,用户可以使用jQueryUIDatePicker选择三个不同的约会日。当用户在第一个字段中选择一天时,我希望将该日期从其他两个字段中排除。我目前也禁用星期天,但无法使动态日期禁用工作

    Appointment Time 1<br />
<input id="appointment1_date" type="text" name="appointment1_date" value="Select..." />

Appointment Time 2<br />
<input id="appointment2_date" type="text" name="appointment2_date" value="Select..." />

Appointment Time 3<br />
<input id="appointment3_date" type="text" name="appointment3_date" value="Select..." />


        <script type="text/javascript">
        function noSunday(date){
          var day = date.getDay();
                      return [(day > 0), ''];
          };
        </script>
        <script type="text/javascript">
        $(function() {
            $("#appointment1_date").datepicker(
            {
                minDate: +2, 
                beforeShowDay: noSunday
            });
        });
        $(function() {
            $("#appointment2_date").datepicker(
            {
                minDate: +2, 
                beforeShowDay: noSunday
            });
        });
        $(function() {
            $("#appointment3_date").datepicker(
            {
                minDate: +2, 
                beforeShowDay: noSunday
            });
        });
        </script>

您可以使用beforeShowDay功能设置禁用的日期


有关详细说明,请参阅。

您可以使用beforeShowDay功能设置禁用的日期


有关完整解释,请参阅。

要从其他字段中删除日期,必须获取日期并在处理函数中进行比较。根据您提供的代码,以下内容可以替代noSunday:

基本上,不仅要确保那天>0,这样就不是星期天,还要确保日期不等于Appointment 1_date给出的日期。使用.datepicker'getDate'并将其值与date进行比较是关键


您可能希望将其重命名为类似noSundayOrSelected或具有同等描述性的名称。

要从其他字段中删除日期,您必须获取日期并在处理函数中进行比较。根据您提供的代码,以下内容可以替代noSunday:

基本上,不仅要确保那天>0,这样就不是星期天,还要确保日期不等于Appointment 1_date给出的日期。使用.datepicker'getDate'并将其值与date进行比较是关键


您可能希望将其重命名为noSundayOrSelected或其他类似的描述性名称。

是的,我使用它来阻止假日,但似乎无法将现有字段中的动态日期添加到数组中。是的,我使用它来阻止假日,但似乎无法将现有字段中的动态日期添加到数组中。
function noSunday(date) {
      var day = date.getDay();
      return [
          (day > 0 &&
           date.valueOf() != $('#appointment1_date').datepicker('getDate').valueOf()
          ),
          ''
      ];
};