jQuery UI Datepicker Выбранная вами дата - суббота или воскресенье - PullRequest
Новая
       5

jQuery UI Datepicker Выбранная вами дата - суббота или воскресенье

0 голосов
/ 17 октября 2019

Найти Sol

Я использую DatePicker, и если кто-то выбирает сообщение с отображением оповещения в субботу или воскресенье. Ваша выбранная дата - суббота или воскресенье, вы хотите продолжить?

Если пользователь нажимает ОК, он обрабатывает, иначе закрывает окно 

<input type="text" name="inspectiondate <? echo $sno; ?>" id="inspectiondate<? echo $sno; ?>" placeholder="Date" class="required-entry date" style="width:100px !important;" readonly="readonly" autofocus require>

 <img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_SKIN). 'adminhtml/default/default/images/grid-cal.gif'; ?>" alt="" class="v-middle date" id="Idate<? echo $sno; ?>" title="Select Date"  onclick="setcal(<? echo $sno; ?>)">

1 Ответ

0 голосов
/ 17 октября 2019

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

<!doctype html>
<html lang = "en">
   <head>
      <meta charset = "utf-8">
      <title>jQuery UI Datepicker functionality</title>
      <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
         rel = "stylesheet">
      <script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
      <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

      <!-- Javascript -->
      <script>
         $(function() {
            $( "#datepicker-13" ).datepicker();

$("#datepicker-13")
.datepicker({
    onSelect: function(dateText) {
        console.log("Selected date: " + dateText + "; input's current value: " + this.value);
        $(this).change();
    }
})
.on("change", function() {

   var date = $(this).datepicker('getDate');
    var dayOfWeek = date.getUTCDay();
if(dayOfWeek == 5 || dayOfWeek == 6)
{
//your alert code
    alert(dayOfWeek)
  }
});
         });
      </script>
   </head>

   <body>
      <!-- HTML --> 
      <p>Enter Date: <input type = "text" id = "datepicker-13"></p>
   </body>
</html>

вы можете проверить рабочую демонстрацию по ссылке ниже.

https://jsfiddle.net/bc4nr5we/

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

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

...