Datetimepickerのデフォルト設定を設定するにはどうすればよいですか？

Question

Bootstrap Datetimepicker：http://eonasdan.github.io/bootstrap-datetimepicker/で複数のカレンダー入力を設定しました。

私はいくつかの上書きを含むオブジェクト作成しました：

DatetimepickerDefaults = { 
    icons: { 
     time: 'fa fa-clock-o', 
     date: 'fa fa-calendar', 
     up: ' fa fa-angle-up', 
     down: 'fa fa-angle-down', 
     previous: 'fa fa-angle-left', 
     next: 'fa fa-angle-right', 
     today: 'fa fa-crosshairs', 
     clear: 'fa fa-trash', 
     close: 'fa fa-times' 
    } 
} 

私はカレンダーのすべての入力に適用します。だから今、私はプラグインを初期化したいとき、私は書く：

$('#datetimepicker1').datetimepicker(DatetimepickerDefaults); 

問題の入力の一部はフォーマットのように、いくつかの特別な設定を持っている必要があるということです。私はそれらを初期化時に「LT」ので、私が書く：

$('#datetimepicker3').datetimepicker({ 
    icons: { 
     time: 'fa fa-clock-o', 
     date: 'fa fa-calendar', 
     up: ' fa fa-angle-up', 
     down: 'fa fa-angle-down', 
     previous: 'fa fa-angle-left', 
     next: 'fa fa-angle-right', 
     today: 'fa fa-crosshairs', 
     clear: 'fa fa-trash', 
     close: 'fa fa-times' 
    }, 
    format: 'LT' 
}); 

ですから、このデフォルト設定をもう一度繰り返す必要があります。すべてのプラグインインスタンスに対してデフォルトにする方法はありますか？

Answer 1

あなたが好きな機能として設定することができます

function.DatetimepickerDefaults = function(field, value) { 
    var retVal = { 
    icons: { 
     time: 'fa fa-clock-o', 
     date: 'fa fa-calendar', 
     up: ' fa fa-angle-up', 
     down: 'fa fa-angle-down', 
     previous: 'fa fa-angle-left', 
     next: 'fa fa-angle-right', 
     today: 'fa fa-crosshairs', 
     clear: 'fa fa-trash', 
     close: 'fa fa-times' 
    }}; 
    if (field) { 
     retVal[field] = value; 
    } 
    return retVal; 
} 

など、それを使用します。

$('#datetimepicker1').datetimepicker(DatetimepickerDefaults()); 
$('#datetimepicker2').datetimepicker(DatetimepickerDefaults("format", "LT")); 
$('#datetimepicker2').datetimepicker(DatetimepickerDefaults("format", "LT2")); 
//And etc... 

あなたはより多くの値のためのリストを使用することができ、私はこれは

Answer 2

を役に立てば幸いです@webmasterのanswerのよりコンパクトで便利なバージョンは、jQuery.extend()メソッドを利用しています。

// defaults 
function DatetimepickerDefaults(opts) { 
    return $.extend({},{ 
     sideBySide: true, 
     ignoreReadonly: true, 
     showClose: true, 
     toolbarPlacement: 'top' 
    }, opts); 
} 

// usage 
$('#datetimepicker2').datetimepicker(DatetimepickerDefaults({ 
    sideBySide: false, 
    showClear: true 
})); 

設定のオブジェクトを与えることができます。これらの設定は、マージされ、必要に応じてデフォルト設定を上書きします。