bootstrap datetimepicker調整開始日期

風靈使發表於2018-05-26

近日,在使用 bootstrap datetimepicker 外掛的時候發現,點選後是從1899年12月開始的,而要調整到2017年的日期,需要經過多次點選才能實現,非常麻煩。查詢資料發現,可以在初始化 datetime 選項的時候增加startDate設定:

$(".form_datetime").datetimepicker({
       autoclose: true,
       minView: "month", //選擇日期後,不會再跳轉去選擇時分秒
       language: 'zh-CN',
       format: "yyyy-mm-dd",
       forceParse: 0,
       pickTime: false,
       pickerPosition: "bottom-right",
       startDate:"2017-01-01",
       //initialDate:now,
       onSelect: function (dateText, inst) {
           // 不做任何處理
       }
   });

startDate 設定為2017-01-01,可以解決此問題,但是,由於此設定使針對整個網站的datetime外掛起作用,而我只需要在某一個頁面限制此起始日期時間。

於是我在此頁面的js初始化載入中加入:

$(".form_datetime").datetimepicker({
   startDate: "2017-01-01" 
});

但是除錯後發現,不起作用,出現的起始日期仍然是1899,懷疑datetimepicker選項初始化的時候只能在一個地方進行初始化。然後又扒資料,看如何解決。

最後在bootstrap datetime文件 找到解決辦法。

首先發現了方法使用說明:

$('.datepicker').datepicker('update', '2011-03-05');

這是update方法的使用。然後找到了setStartDate方法。這樣構造的方法是這樣的:

$(".form_datetime").datetimepicker("setStartDate", "2017-03-01");

重新整理,看執行結果,已經是2017年3月了。問題解決

相關文章