Javascript застрял в "остальном" - PullRequest
0 голосов
/ 09 апреля 2020

Я новичок в этом javascript

, поэтому магазин нуждается в этой ситуации в своем средстве выбора даты

Время открытия: 12: 00

Время закрытия: 21: 00

Время minimum до подготовка заказ +2 hours с посещения пользователя и maximum дата равна +14 days с сейчас .

Когда пользователь заходит в Интернет в 10:00, средство выбора времени покажет 12: 00 (открыть магазин), когда пользователь посещает веб в 13:00, средство выбора времени будет отображать 15:00

Когда пользователь посещает 13:00 и выбирает другую дату (не сегодня), будет отображаться средство выбора времени. 12: 00-21: 00 (это правильно)

Проблема в том, что когда пользователь выбирает сегодняшнюю дату (без обновления страницы), средство выбора времени все равно будет отображать 12: 00-21: 00, оно должно быть 15 : 00-21: 00 диапазон

Вот мой код, извините, если не хватает языка или сообщите

Здесь я использовал выбор даты и времени из https://amsul.ca/pickadate.js/time/#events

спасибо!

  
                var today = new Date() + 14;
            
            var currentD = new Date();
            var jambuka = new Date();
            jambuka.setHours(12,00,0); // 5.30 pm
            jamsekarang = currentD.toLocaleTimeString('en-US', { hour12: false });
            
                var ini;
              $('#tanggal_acara').pickadate({
                  format:'yyyy-mm-dd',
                  min: today,
                  max: +14,
                  hiddenName: true,
                    onSet: function(thingSet) {
                  ini = thingSet;
                  cekin(ini);
                  
                }
                  
              }); 
              
            
              initdate();
            
              function cekin(val)
              {
                  
                   var today = new Date() + 14;
            
                var currentD = new Date();
                var jambuka = new Date();
                jambuka.setHours(12,00,0); // 5.30 pm
                jamsekarang = currentD.toLocaleTimeString('en-US', { hour12: false });
                  var tglini = new Date(val.select);
                  var tglnow = new Date(new Date().setHours(0,0,0,0));
                  tglini.toString();
            
                  if(val.select == tglnow.getTime())
                  {
                      console.log("sama");
                      if( currentD >= jambuka )
                        {
                        $('#jam_acara').pickatime({
                              format:'HH:i',
                                min: +2,
                                max:'21:00'
                            });
                        }
                        else{
                          
                        $('#jam_acara').pickatime({
                            format:'HH:i',
                                min:'12:00',
                                max:'21:00'
                            });
                        }
                  }
                  else{
                      console.log("beda");
                      var beda;
                      var tglbeda = val.select;
                    //   console.log(tglbeda);
                       $('#jam_acara').pickatime({
                           format:'HH:i',
                                min:'12:00',
                                max:'21:00',
                               
                            });
                        }
                  }
                  
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
            
 <div class="input-simple-2 input-green bottom-10" style="width: 50%; float: left;">
                            <strong class="color-highlight">Tanggal Acara</strong>
                           <input type="text" class="datetimepicker" name="tanggal_acara" required="" id="tanggal_acara">
                        </div>
                        
                   
                        <div class="input-simple-2 input-green bottom-10" style="width: 50%; display:inline-block">
                            <strong class="color-highlight">Jam Acara</strong>
                           <input type="text" class="datetimepicker" name="jam_acara" required id="jam_acara">
                        </div>
...