bootstrap-datetimepicker.jsあれこれ

JavaScript jQuery

「◯分おき」を実現する方法

デフォルトでは1分おきに時間指定可能になっていたので、本体のソースを確認すると、

DateTimePicker = function (element, options) {
    var defaults = {
〜〜〜
        minuteStepping: 1,

という記述があり、これだ！と確信。
datetimepickerを呼び出しているJSの中で、

    $('#hoge').datetimepicker({
〜〜〜
        minuteStepping : 5
    });

のように記述して実現。

datetimepickerを複数テキストボックスに適用させる

  • class名を指定する
    • idを指定した場合はひとつのテキストボックスにのみしか適用できない

HTML

<input type="text" class="mydate" id="mychuno">〜

JavaScript

jQuery(function(){
    $('.mydate').datetimepicker({
        format: 'YYYY/M/D H:mm',
        language: 'ja',
        minDate: moment().startOf('day'),
        useCurrent: false
    });

});