Отключить все выходные и определенные дни плюс включить день матери

Question

У меня есть следующий код, который уже хорошо работает в functions.php - я хочу включить день матери (12 мая 2019 г.), который выпадает на воскресенье.Как мне добавить это к возвращаемой строке?

    function custom_adjust_datepicker_range () {
        if ( is_checkout() ) {

    ?>

    <script type="text/javascript">
    var disabledDays = [
     "1-1-2019","1-1-2020","2-1-2019","28-1-2019","27-1-2020","4-3-2019","2-3-2020","19-4-2019","10-4-2020","22-4-2019","13-4-2020","25-4-2019","25-4-2020","27-4-2020","3-6-2019","1-6-2019","30-9-2019","28-9-2020","25-12-2018","25-12-2019","25-12-2020","26-12-2018","26-12-2019","26-12-2020","27-12-2018"
    ];
    jQuery( "#delivery_date" ).datepicker({
        minDate: 2,
  beforeShowDay: function(date) {
    var day = date.getDay();
    var string = jQuery.datepicker.formatDate('d-m-yy', date);
    var isDisabled = (jQuery.inArray(string, disabledDays) != -1);
    return [(day != 1 && day != 0 && !isDisabled), ''];
}
});
    </script>
    <?php
        }
    } // End custom_adjust_datepicker_range()
    add_action( 'wp_footer', 'custom_adjust_datepicker_range', 50 );

Answer 1

Рассмотрим следующий пример.

jQuery(function() {
  var disabledDays = [
    "1-1-2019", "1-1-2020", "2-1-2019", "28-1-2019", "27-1-2020", "4-3-2019", "2-3-2020", "19-4-2019", "10-4-2020", "22-4-2019", "13-4-2020", "25-4-2019", "25-4-2020", "27-4-2020", "3-6-2019", "1-6-2019", "30-9-2019", "28-9-2020", "25-12-2018", "25-12-2019", "25-12-2020", "26-12-2018", "26-12-2019", "26-12-2020", "27-12-2018"
  ];

  var dtf = 'd-m-yy';

  function getMothersDay(y) {
    var mayFirst = new Date(y, 4, 1);
    var dayOfWeek = mayFirst.getUTCDay();
    var firstSunday;
    if (dayOfWeek == 0) {
      firstSunday = mayFirst;
    } else {
      firstSunday = new Date(y, 4, 1 + (7 - dayOfWeek));
    }
    var mothersDay = new Date(y, 4, firstSunday.getDate() + 7);
    return mothersDay;
  }

  function isMothersDay(dt) {
    return (jQuery.datepicker.formatDate(dtf, dt) == jQuery.datepicker.formatDate(dtf, getMothersDay(dt.getFullYear())));
  }

  jQuery("#delivery_date").datepicker({
    minDate: 2,
    beforeShowDay: function(date) {
      var day = date.getDay();
      var string = jQuery.datepicker.formatDate(dtf, date);
      var isDisabled = jQuery.inArray(string, disabledDays);
      var result = [
        true,
        "",
        ""
      ];
      switch (true) {
        case isMothersDay(date):
          // Mother's Day
          result = [
            true,
            "mothers-day",
            "Mother's Day"
          ];
          break;
        case (isDisabled >= 0):
          // Disable Days
          result[0] = false;
          break;
        case (day == 0):
        case (day == 6):
          // Weekends
          result[0] = false;
          break;
      }
      return result;
    }
  });
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<p>Delivery Date: <input type="text" id="delivery_date"></p>

Подробнее: Как рассчитать День Матери в JavaScript

Этот пример основан на первом результате поиска Google, который я выполнил. В будущем вы можете искать основные примеры.

Это не настроено для WordPress, поэтому вам нужно будет адаптировать код к вашим потребностям.

У вас есть 3 основных чека:

• Это дата Дня Матери
• Является ли дата в массиве дат
• Дата выходного дня

У вас могут возникнуть другие сценарии, поэтому использование switch() может быть проще в общем Я перехожу из наименее распространенного состояния в наиболее распространенное состояние. Вы можете добавить еще и проверить, является ли это Днем матери, если месяц май, а день месяца - первые 2 недели: (date.getMonth() == 4 && date.getDate() < 15).

Надеюсь, это поможет.