Question

我正在使用adminLTE模板，从这个模板我使用一个名为time picker的表单字段，从这里我点击递减按钮它也会像递增按钮一样递减时间，但是对于我来说方便，现在假设时间4.15意味着，现在我已经点击减量按钮，当时间等于2.15这次我想做无法点击的减量按钮，怎么办可以帮我一些，这里我只给出减量功能

＆＃13;

 <script>
      $(function () {
      //Date range picker with time picker
      $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
      //Timepicker
      $(".timepicker").timepicker({
      showInputs: false
      });
      });
      </script>
      
      
      <script>
        decrementHour: function() {
      if (this.showMeridian) {
        if (this.hour === 1) {
          this.hour = 12;
         
        } else if (this.hour === 12) {
          this.hour--;

          return this.toggleMeridian();
        } else if (this.hour === 0) {
          this.hour = 11;
          
          return this.toggleMeridian();
        } else {
          this.hour--;
        }
      } else {
        if (this.hour === 0) {
          this.hour = 23;
        } else {
          this.hour--;
        }
      }
      this.update();
    },
        
      </script>

＆＃13;

    <div class="bootstrap-timepicker">
                                        <div class="bootstrap-timepicker-widget dropdown-menu">
                                        <table>
                                        <tbody><tr><td><a href="#" data-action="incrementHour"><i class="glyphicon glyphicon-chevron-up"></i></a></td><td class="separator">&nbsp;</td><td><a href="#" data-action="incrementMinute"><i class="glyphicon glyphicon-chevron-up"></i></a></td><td class="separator">&nbsp;</td><td class="meridian-column"><a href="#" data-action="toggleMeridian"><i class="glyphicon glyphicon-chevron-up"></i></a></td></tr><tr><td><span class="bootstrap-timepicker-hour">10</span></td> <td class="separator">:</td><td><span class="bootstrap-timepicker-minute">15</span></td> <td class="separator">&nbsp;</td><td><span class="bootstrap-timepicker-meridian">AM</span></td></tr><tr><td><a href="#" data-action="decrementHour"><i class="glyphicon glyphicon-chevron-down"></i></a></td><td class="separator"></td><td><a href="#" data-action="decrementMinute"><i class="glyphicon glyphicon-chevron-down"></i></a></td><td class="separator">&nbsp;</td><td><a href="#" data-action="toggleMeridian"><i class="glyphicon glyphicon-chevron-down"></i></a></td></tr>
                                        </tbody>
                                        </table>
                                        </div>

                                        <div class="form-group">
                                          <div class="input-group" style="margin-right: 14px;margin-left: 14px">
                                            <input type="text" class="form-control timepicker" id="start_time" name="start_time">
                                            <div class="input-group-addon">
                                              <i class="fa fa-clock-o"></i>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

＆＃13;

如何在引导时间选择器

0 个答案: