Bootstrap中的datetimepicker淺談

  從古至今，人們都習慣用某個時間來標記某個事件的發生。我們在寫管理后台的時候，重中之中也是這個時間的設置。在問題出現的時候，我們是查看日志的時候，就可以根據這個時間段來查找這個問題出現點。

在使用時間控件datetimepicker出現了一些問題，所以想記錄一下，僅誡自己再犯同樣的錯誤。

官網地址： http://www.bootcss.com/p/bootstrap-datetimepicker/

頁面引用：

<input type="text" class="acount-txt date-widget" ng-model="before" data-date-format="yyyy-mm-dd hh:ii:ss" style="width: 120px;">

 

js控制：

 //時間控件
    $(".date-widget").datetimepicker({

        showOtherMonths: true,//顯示別的月份
        artView:3,//選完時間首先顯示的視圖,日期時間選擇器打開之后首先顯示的視圖。Number, String類型  默認值：2, ‘month’

        format: 'yyyy-mm-dd',//格式化時間

        selectOtherMonths: false,//選擇

        maxView :5 ,//最高能展示的時間,Number, String類型  默認值：4, ‘decade’

        startDate: '2014-01-01',//開始年份

        weekStart: 3, //一周從哪一天開始，0（星期日）到6（星期六），默認從0開始 Integer類型

        autoclose: true, //選擇之后，自動關閉時間彈框 Boolean類型 默認值：false

        minView: 2, //從日開始選擇 分：0，  時：1 ，日：2，月：3 ，年：4 ， Number, String類型 

        //minuteStep :5,//此數值被當做步進值用於構建小時視圖。就是最小的視圖是每5分鍾可選一次。是以分鍾為單位的。默認值：5 Number類型 

        pickerPosition:bottom-lef,// 默認值：’bottom-right’  還支持 : ‘bottom-left’，’top-right’，’top-left’ String類型  

        todayBtn: true,//開啟選擇今天的按鈕,Boolean, “linked”類型 默認值：false’,如果此值為true 或 “linked”，則在日期時間選擇器組件的底部顯示一個 “Today” 按鈕用以選擇當前日期。

        //如果是true的話，”Today” 按鈕僅僅將視圖轉到當天的日期，如果是”linked”，當天日期將會被選中。

        todayHighlight: true,//今天日期高亮顯示 如果為true, 高亮當前日期。Boolean類型 ,默認值：false ,

        keyboardNavigation: true,// 方向鍵改變日期，是否允許通過方向鍵改變日期。默認為false，Boolean類型

        language: 'zh-CN', //語言選擇中文  默認值：’en’ String類型 

        daysOfWeekDisabled: [0,4,6] ,// 一周的周幾不能選，0（星期日）到6（星期六） ，可以有多個。String, Array類型 

        forceParse: true,//強制性設置日期格式，轉換成format格式 ，就是你輸入的可能不正規，但是它胡強制盡量解析成你規定的格式（format）默認為：true

        initialDate: new Date(),// 初始化日期時間,在打開時默認選當時的時間，顯示在View中。默認值：new Date()  Date or String類型 

        showMeridian:0 ,  顯示上午或下午
    });