Question

我想在預訂表格中使用bootstrap 3 datepicker。我發現如何禁用日期（m/d/Y），但我無法禁用時間。

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <div class="form-group"> 
       <div class='input-group date' id='datetimepicker5'> 
        <input type='text' class="form-control" /> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
     <script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker5').datetimepicker({ 
        defaultDate: "11/1/2013", 
        disabledDates: [ 
         moment("12/25/2013"), 
         new Date(2013, 11 - 1, 21), 
         "11/22/2013 00:53" 
        ] 
       }); 
      }); 
     </script> 
    </div> 
</div> 

我想只禁止11/22/2013 00:53，而不是所有11/22/2013天。

我也看到這個​​，它禁用分鐘00，但如果你選擇16:00你不能改變它爲16:15。

任何人都可以幫助我嗎？

Answer 1

我並沒有完全理解你需要什麼。從我得到的，你想要改變會議紀要，但步驟（5,10,15）。爲此，您可以使用您傳遞的鏈接的類似方法，但不要禁用步驟選擇器。

$('.datetimepicker').datetimepicker({ 
    format: 'DD/MM/YY - HH:mm' 
    }).on('dp.show', function() { 
    $('a.btn[data-action="incrementMinutes"], a.btn[data-action="decrementMinutes"]').removeAttr('data-action').attr('disabled', true); 
}); 

Pen

但是，如果你不想顯示分鐘，幾個小時，你可以簡單地改變format of your timepicker。並且可以使用moment.js中的一些naming conventions。如果你的格式是'DD/MM/YY - HH'，它只會顯示幾小時。

該解決方案的關鍵在於選擇器變得很奇怪，並且你不能真正知道你在選擇什麼。因此，您在鏈接上提供的解決方案是挑選小時的最佳方式。