bootstrap datetimepicker調整開始日期
近日,在使用 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月了。問題解決
相關文章
- win10如何調整開始欄大小_win10開始欄怎麼調整Win10
- [BUG反饋]開始安裝 介面調整
- 信用卡出賬日期和還款日期調整
- Bootstrap的datetimepicker預設自動開啟彈框(js中開啟彈窗)bootJS
- win10如何修改時間日期格式 調整時間格式和日期格式的方法Win10
- 一個開源、美觀的日期選擇器(bootstrap datepicker)boot
- win10開始介面怎麼調整寬度 win10開始選單寬度如何設定Win10
- 是2016年開始的“熔斷”行情這引發全球市場調整
- bootstrap日期控制元件 只顯示 年月boot控制元件
- 從程式中傳遞開始日期與結束日期至儲存過程儲存過程
- 從零開始,開發一個 Web Office 套件(16):拖動控制點,調整編輯器大小Web套件
- Datetimepicker.js用法JS
- Gamma調整GAM
- 獲取指定日期是當年第幾周,指定日期所在周的開始和結束日期
- 鉑金07:整齊劃一-CountDownLatch如何協調多執行緒的開始和結束CountDownLatch執行緒
- 育碧意識到了公式化沙盒和年貨的弊端,要開始調整開發架構了公式架構
- 調整狀態
- mysql調優從書寫sql開始MySql
- LOL射手改版細節調整 英雄與裝備將進行整體調整ID
- 調整time_waitAI
- 字串的調整II字串
- orcle效能調整(轉)
- CAD填充比例調整
- android4.4調整音量調節速度Android
- PHP編碼開發調整執行工具PhpStorm 2022PHPORM
- 視訊直播app原始碼,對首頁樣式的整體調整,調整成圓角化APP原始碼
- organizational alignment 組織調整
- WinForm禁止窗體調整ORM
- oracle 線上調整redoOracle
- weblogic 記憶體調整Web記憶體
- Leetcode 貪心:差值調整LeetCode
- UITableViewCell分割線位置調整UIView
- Arduino調整小車速度UI
- 如何調整Pycharm字型大小PyCharm
- Echarts 圖表位置調整Echarts
- 從零開始實現放置遊戲(一):整體框架搭建遊戲框架
- JuiceFS 即將釋出 1.0 並調整開源許可UI
- elementUI中日期選擇器,控制開始時間小於結束時間UI