datetimepicker 外掛程式用法及引數說明

2021-07-29 16:19:07 字數 2635 閱讀 9576

用例:
// 選擇時間和日期$(

".form-datetime"

).datetimepicker();

// 僅選擇日期$(

".form-date"

).datetimepicker();

// 選擇時間$(

".form-time"

).datetimepicker

();

引數說明:

integer. 預設值:0

一周從哪一天開始。0(星期日)到6(星期六)

date. 預設值:開始時間

the earliest date that may be selected; all earlier dates will be disabled.

date. 預設值:結束時間

the latest date that may be selected; all later dates will be disabled.

string, array. 預設值: '',

days of the week that should be disabled. values are 0 (sunday) to 6 (saturday). multiple values should be comma-separated. example: disable weekends:'0,6'or[0,6].

boolean. 預設值:false

當選擇乙個日期之後是否立即關閉此日期時間選擇器。

number, string. 預設值:2, 'month'

日期時間選擇器開啟之後首先顯示的檢視。 可接受的值:

number, string. 預設值:0, 'hour'

日期時間選擇器所能夠提供的最精確的時間選擇檢視。

number, string. 預設值:4, 'decade'

日期時間選擇器最高能展示的選擇範圍檢視。

boolean, "linked". 預設值: false

如果此值為true 或 "linked",則在日期時間選擇器元件的底部顯示乙個 "today" 按鈕用以選擇當前日期。如果是true的話,"today" 按鈕僅僅將檢視轉到當天的日期,如果是"linked",當天日期將會被選中。

boolean. 預設值: false

如果為true, 高亮當前日期。

boolean. 預設值: true

是否允許通過方向鍵改變日期。

boolean. 預設值: true

當選擇器關閉的時候,是否強制解析輸入框中的值。也就是說,當使用者在輸入框中輸入了不正確的日期,選擇器將會盡量解析輸入的值,並將解析後的正確值按照給定的格式format設定到輸入框中。

number. 預設值: 5

此數值被當做步進值用於構建小時檢視。對於每個minutestep都會生成一組預設時間(分鐘)用於選擇。

string. 預設值: 'bottom-right'

(還支援 : 'bottom-left')

此選項當前只在元件實現中提供支援。通過設定選項可以講選擇器放倒輸入框下方。

date or string. 預設值: new date()

you can initialize the viewer with a date. by default it's now, so you can specify yesterday or today at midnight ...

方法:初始化日期時間選擇器。

引數: none

使用當前輸入框中的值更新日期時間選擇器。

$

('#datetimepicker'

).datetimepicker

('update'

); 引數:

給日期時間選擇器設定乙個新的起始日期。$(

'#datetimepicker'

).datetimepicker

('setstartdate'

,'2012-01-01'

); 引數:

給日期時間選擇器設定結束日期。$(

'#datetimepicker'

).datetimepicker

('setenddate'

,'2012-01-01'

); 引數:

sets the days of week that should be disabled.$(

'#datetimepicker'

).datetimepicker

('setdaysofweekdisabled',[

0,6]);

事件(events):

datetimepicker 類暴露了一組event用以對日期進行操作。

當選擇器顯示時被觸發。

當選擇器隱藏時被觸發。

當日期被改變時被觸發。$(

'#date-end').

datetimepicker().

on('changedate'

,function(ev

)});

原址:

Date Time Picker控制項使用

1.供使用者選擇日期和時間 將控制項format屬性設定為time,為其新增乙個cdatetimectrl型別變數,然後通過如下 設定日期和時間的顯示格式。timepicker.setformat t yyyy mm dd hh mm ss 2013 02 25 16 32 20 hh表示24小時制...

datetimepicker時間控制項

庫檔案 密碼 c9m5 官網 簡單例項兩個,和這裡有關係,是動態拿取本地時間的呢。看這裡 time時間外掛程式 datetimepicker datetimepicker val begintime dateend datetimepicker val endtime 補充 只顯示到時分秒 效果圖 ...

datetimepicker用法總結

最近因為專案,在用bootsrapt寫一些前台,遇到datetimepicker時,在使用方面出現了一些問題,索性記錄下來,能用到看看,用不到留著自己參考。附上官方文件鏈結,需要的人們傳送門。官方文件大部分都是中文,已經不錯了,但是還是在很多問題上沒有給出例子。博主,把一些常用的在後文附上,有錯誤請...