啓動時間datetimepicker-3

我正在使用http://eonasdan.github.io/bootstrap-datetimepicker/。我知道這不再被支持，但我也在使用rails，這讓我的生活變得更加輕鬆。我想要做的是將啓用小時數設置爲一系列值。下面是我有：啓動時間datetimepicker-3

scheduleHandle.onclick = function(){ 
    $('#schedule_date_time_of_class').datetimepicker({ 
     inline: true, 
     sideBySide: true, 
     enabledHours: [[moment().hour(14).minutes(0), moment().hour(17).minutes(0)]] 
    }); 
};

這是我得到的錯誤：

Uncaught Tried 24 times to find a valid date 
picker.enabledHours @ bootstrap-datetimepicker.self-9bf8b50ba86095fb5caaadd1ee11eaf661b3f4879f3ea5263d541e9804fd7b15.js?body=1:2188 
(anonymous) @ bootstrap-datetimepicker.self-9bf8b50ba86095fb5caaadd1ee11eaf661b3f4879f3ea5263d541e9804fd7b15.js?body=1:1430 
each @ jquery.self-bd7ddd393353a8d2480a622e80342adf488fb6006d667e8b42e4c0073393abee.js?body=1:377 
picker.options @ bootstrap-datetimepicker.self-9bf8b50ba86095fb5caaadd1ee11eaf661b3f4879f3ea5263d541e9804fd7b15.js?body=1:1428 
dateTimePicker @ bootstrap-datetimepicker.self-9bf8b50ba86095fb5caaadd1ee11eaf661b3f4879f3ea5263d541e9804fd7b15.js?body=1:2252 
(anonymous) @ bootstrap-datetimepicker.self-9bf8b50ba86095fb5caaadd1ee11eaf661b3f4879f3ea5263d541e9804fd7b15.js?body=1:2285 
each @ jquery.self-bd7ddd393353a8d2480a622e80342adf488fb6006d667e8b42e4c0073393abee.js?body=1:371 
each @ jquery.self-bd7ddd393353a8d2480a622e80342adf488fb6006d667e8b42e4c0073393abee.js?body=1:138 
$.fn.datetimepicker @ bootstrap-datetimepicker.self-9bf8b50ba86095fb5caaadd1ee11eaf661b3f4879f3ea5263d541e9804fd7b15.js?body=1:2280 
scheduleHandle.onclick @ 51:150

我不知道我要去哪裏錯了。有什麼建議麼？

來源

2017-08-27 user3131493

您可以將整數數組傳遞給enabledHours，設置要禁用的小時數。

這裏工作示例：

$('#schedule_date_time_of_class').datetimepicker({ 
 
    inline: true, 
 
    sideBySide: true, 
 
    enabledHours: [ 14, 15, 16 ] 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<div class="form-group"> 
 
    <div class='input-group date' id='schedule_date_time_of_class'> 
 
    <input type='text' class="form-control" /> 
 
    <span class="input-group-addon"> 
 
     <span class="glyphicon glyphicon-calendar"></span> 
 
    </span> 
 
    </div> 
 
</div>

來源

2017-08-28 07:26:41 VincenzoC

啓動時間datetimepicker-3

回答

相關問題