国庆节排除不适用于 JQuery

Question

我正在使用 JQuery-UI 日期选择器和 Laravel-5.8

从控制器，我将 NationalHoliday 作为 JSON 发送到视图

public function findNationalHoliday(Request $request)
{
   $nationalholidays               = HrNationalHoliday::select('holiday_date')->whereYear('created_at', '=', date('Y'))->get();
 return response()->json([
    'nationalholidays' => $nationalholidays,
 ]);        
}

javascript

<script type="text/javascript">
  var holidayDays = [];
  $(document).ready(function() {
    $(document).on('change', '#leave_type', function() {
      var air_id = $(this).val();

      var a = $(this).parent();

      var op = "";

      $.ajax({
        type: 'get',
        url: '{{ route('
        get.leavecounts.all ') }}',
        data: {
          'id': air_id
        },
        dataType: 'json', //return data will be json
        success: function(data) {
          holidayDays = data.nationalholidays;
          console.log(data.nationalholidays);
        },
        error: function() {

        }
      });
    });
  });
</script>

console.log(data.nationalholidays);

给予

0:
holiday_date: "2020-08-25 00:00:00"
__proto__: Object
1:
holiday_date: "2020-08-26 00:00:00"
__proto__: Object
2: {holiday_date: "2020-09-25 00:00:00"}
3: {holiday_date: "2020-11-30 00:00:00"}
4: {holiday_date: "2020-09-25 00:00:00"}
5: {holiday_date: "2020-09-30 00:00:00"}
6: {holiday_date: "2020-10-14 00:00:00"}
length: 7
__proto__: Array(0)

< script type = "text/javascript" >
  $(document).ready(function() {
    holidayDays = holidayDays;

    function nationalDays(date) {
      var m = date.getMonth(),
        d = date.getDate(),
        y = date.getFullYear();
      for (i = 0; i < holidayDays.length; i++) {
        if ($.inArray((m + 1) + '-' + d + '-' + y, nationalDays) != -1 || new Date() > date) {
          console.log('bad:  ' + (m + 1) + '-' + d + '-' + y + ' / ' + holidayDays[i]);
          return [false];
        }
      }
      return [true];
    };

    function noWeekendsOrHolidays(date) {
      var noWeekend = jQuery.datepicker.noWeekends(date);
      return noWeekend[0] ? nationalDays(date) : noWeekend;
    };

    $('.commencement_date').datepicker({
      dateFormat: 'dd-mm-yy',
      changeMonth: true,
      changeYear: true,
      showAnim: 'slideDown',
      duration: 'fast',
      minDate: +1,
      setDate: new Date(),
      beforeShowDay: noWeekendsOrHolidays,
      yearRange: new Date().getFullYear() + ':' + new Date().getFullYear(),
    }).datepicker('setDate', '1');

  }); <
/script>

我想同时禁用周末和国定假日。

但是我观察到只有周末是禁用的，国定假日没有。

我该如何纠正？

谢谢

Answer 1

考虑如下示例：

  function nationalDays(date) {
    // Convert Date Object to String per Format
    var myDate = $.datepicker.formatDate("yy-mm-dd", date) + " 00:00:00";
    // Check for Date in Array
    var needle = holidayDays.indexOf(myDate);
    // Set Default
    var result = [true];
    // If Needle was found, make exception
    if (needle >= 0) {
      result = [false, "holiday", "National Holiday"];
    }
    // Return Results
    return result;
  };

查看更多：https://api.jqueryui.com/datepicker/

$.datepicker.formatDate( format, date, options )

Format a date into a string value with a specified format.

上面的示例需要一个字符串数组。您似乎传回了一个对象数组。如果是这样，您需要调用对象键：

data.nationalholidays[0].holiday_date

这需要将函数调整为：

  function nationalDays(date) {
    // Convert Date Object to String per Format
    var myDate = $.datepicker.formatDate("yy-mm-dd", date) + " 00:00:00";
    // Check for Date in Array
    var needle = -1;
    // Iterate Array of Objects
    $.each(holidayDays, function(i, d){
      if(d.holiday_date == myDate){
        needle = i;
      }
    });
    // Set Default
    var result = [true];
    // If Needle was found, make exception
    if (needle >= 0) {
      result = [false, "holiday", "National Holiday"];
    }
    // Return Results
    return result;
  };

更完整的示例：

$(function() {
  holidayDays = holidayDays;

  function nationalDays(date) {
    var myDate = $.datepicker.formatDate("yy-mm-dd", date) + " 00:00:00";
    var needle = holidayDays.indexOf(myDate);
    var result = [true];
    if (needle >= 0) {
      result = [false, "holiday", "National Holiday"];
    }
    return result;
  };

  function noWeekendsOrHolidays(date) {
    var noWeekend = jQuery.datepicker.noWeekends(date);
    return noWeekend[0] ? nationalDays(date) : noWeekend;
  };

  $('.commencement_date').datepicker({
    dateFormat: 'dd-mm-yy',
    changeMonth: true,
    changeYear: true,
    showAnim: 'slideDown',
    duration: 'fast',
    minDate: +1,
    setDate: new Date(),
    beforeShowDay: noWeekendsOrHolidays,
    yearRange: new Date().getFullYear() + ':' + new Date().getFullYear(),
  }).datepicker('setDate', '1');

});

国庆节排除不适用于 JQuery

National Holiday exclusion not working in JQuery

javascript

jquery-ui

jquery-ui-datepicker