Проверьте диапазон дат в Jquery Datepicker - PullRequest
Новая
       8

Проверьте диапазон дат в Jquery Datepicker

0 голосов
/ 06 апреля 2020

Итак, у меня следующий код jquery datepicker 

$(".dateInput").datepicker({
    language:"el",
    format: " dd/mm/yyyy",
    startView: "+0d",
    todayHighlight: true,
    autoclose: true,
    onClose: function() {
        .........
    }
})

, и я хотел бы проверить onClose, где, если выбранная пользователем дата за месяц до сегодняшней даты или через год появится предупреждающее сообщение.

Любые предложения приветствуются. Заранее спасибо.

1 Ответ

0 голосов
/ 06 апреля 2020

Добро пожаловать в StackOverflow, здесь возможно решение по вашему запросу: 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="https://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>
  <script>
  $(function() {
      $(".dateInput").datepicker({
      language: "el",
      format: "dd/mm/yyyy",
      startView: "+0d",
      todayHighlight: true,
      autoclose: true,
      onClose: function(dateText, inst) {
        var date = new Date(dateText);

        var dateMin = new Date();
        dateMin.setMonth(dateMin.getMonth() - 1);
        dateMin.setHours(0, 0, 0, 0); // Set time to the beginning of the day

        var dateMax = new Date();
        dateMax.setFullYear(dateMax.getFullYear() + 1);
        dateMax.setHours(23, 59, 59, 999); // Set time to the end of the day

        if (date >= dateMin && date <= dateMax) {
          alert("Date is in range.");
        } else {
          alert("Date is NOT in range.");
        }
      }
    });
  });

  </script>
</head>
<body>

<p>Date: <input type="text" class="dateInput"></p>

</body>
</html>

Более подробную информацию об объекте Date можно найти в MDN .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...