JQuery получить значение datetimepicker onchange - PullRequest
Новая
       11

JQuery получить значение datetimepicker onchange

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

Я пытаюсь заставить мой ввод scheduletime реагировать на основании текущей даты, выбранной на входе scheduledate.

Например:

, если я выберу 2019-10-13в scheduledate - моя onchange функция будет getDay() - значение дня будет определять, какое значение будет присвоено $timer через switch.

В этом getDay() должно дать 0 какдень недели - воскресенье, поэтому $ timer должен получить значение «1,2,3»

. Надеюсь, кто-то может мне помочь, и заранее спасибо. 

<input type="text" class="form-control dp" id="scheduledate" name="scheduledate"/>

<input type="text" class="form-control tp" id="scheduletime" name="scheduletime"/>

функциядля моего onchange для scheduledate

 <script>
  $('#scheduledate').on('change',function() {
   var day =  $(this).datetimepicker('getDate');
   switch(day.getDay())

     case 0:
         <?php $timer =  "1,2,3"; ?>
         break;
     case 1:
         <?php $timer = "4,5,6";  ?>
         break;
     case 2:
         <?php $timer = "7,8,9";  ?>
         break;
     case 3:
         <?php $timer = "10,11,12";  ?>
         break;
     case 4:
         <?php $timer = "13,14,15";  ?>
         break;
     case 5:
         <?php $timer = "16,17,18";  ?>
         break;
     case 6:
         <?php $timer = "19,20,21";  ?>
         break;

  });
 </script>

javascript для моего scheduledate выбора 

 <script>
   $(".dp").datetimepicker({
         format: 'Y-M-D', minDate: new Date(),
         icons: {
             time: "fa fa-clock-o",
             date: "fa fa-calendar",
             up: "fa fa-chevron-up",
             down: "fa fa-chevron-down",
             previous: 'fa fa-chevron-left',
             next: 'fa fa-chevron-right',
             today: 'fa fa-screenshot',
             clear: 'fa fa-trash',
             close: 'fa fa-remove'
         },

 })
 </script>

javascript для моего scheduletime выбора 

 <script>
   $(".tp").datetimepicker({
         format: 'HH:mm', stepping: 15, enabledHours: [<?php echo $timer; ?>],
         icons: {
             time: "fa fa-clock-o",
             date: "fa fa-calendar",
             up: "fa fa-chevron-up",
             down: "fa fa-chevron-down",
             previous: 'fa fa-chevron-left',
             next: 'fa fa-chevron-right',
             today: 'fa fa-screenshot',
             clear: 'fa fa-trash',
             close: 'fa fa-remove'
         }
 });  
 </script>

Может кто-нибудь помочь, пожалуйста?

1 Ответ

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

Может быть, это: 

$('#scheduledate').on('change',function() {
   var day =  $(this).datetimepicker('getDate');
   fetch(window.location.href, {
       method: 'POST',
       body: day.getDay()
   })//.then(() => {window.location.reload()}) <-- To reload page if needed.

и php: 

<?php 
$input = $_POST
switch($input) {
    case '0':
        $timer = '1, 2, 3'
    // Other cases...
}
?>
...