關於bootstrap-datetimepicker 外掛的配置引數詳解

阿新 • • 發佈：2019-01-02

所有需要"Date" 的選項都可以處理Date 物件; a String formatted according to the given format; or a timedelta relative to today, eg '-1d', '+6m +1y', etc, where valid units are 'd' (day), 'w' (week), 'm' (month), and 'y' (year).

你也可以指定一個符合 ISO-8601 格式的日期時間，就可以忽略下面的格式：

yyyy-mm-ddyyyy-mm-dd hh:iiyyyy-mm-ddThh:iiyyyy-mm-dd hh:ii:ssyyyy-mm-ddThh:ii:ssZ

format

String. 預設值: 'mm/dd/yyyy'

日期格式， p, P, h, hh, i, ii, s, ss, d, dd, m, mm, M, MM, yy, yyyy 的任意組合。

p : meridian in lower case ('am' or 'pm') - according to locale fileP : meridian in upper case ('AM' or 'PM') - according to locale files : seconds without leading zerosss : seconds, 2 digits with leading zerosi : minutes without leading zerosii : minutes, 2 digits with leading zerosh : hour without leading zeros - 24-hour formathh : hour, 2 digits with leading zeros - 24-hour formatH : hour without leading zeros - 12-hour formatHH : hour, 2 digits with leading zeros - 12-hour formatd : day of the month without leading zerosdd : day of the month, 2 digits with leading zerosm : numeric representation of month without leading zerosmm : numeric representation of the month, 2 digits with leading zerosM : short textual representation of a month, three lettersMM : full textual representation of a month, such as January or Marchyy : two digit representation of a yearyyyy : full numeric representation of a year, 4 digits

weekStart

Integer. 預設值：0

一週從哪一天開始。0（星期日）到6（星期六）

startDate

Date. 預設值：開始時間

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

endDate

Date. 預設值：結束時間

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

daysOfWeekDisabled

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].

autoclose

Boolean. 預設值：false

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

startView

Number, String. 預設值：2, 'month'

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

0 or 'hour' for the hour view1 or 'day' for the day view2 or 'month' for month view (the default)3 or 'year' for the 12-month overview4 or 'decade' for the 10-year overview. Useful for date-of-birth datetimepickers.

minView

Number, String. 預設值：0, 'hour'

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

maxView

Number, String. 預設值：4, 'decade'

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

todayBtn

Boolean, "linked". 預設值: false

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

todayHighlight

Boolean. 預設值: false

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

keyboardNavigation

Boolean. 預設值: true

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

language

String. 預設值: 'en'

The two-letter code of the language to use for month and day names. These will also be used as the input's value (and subsequently sent to the server in the case of form submissions). Currently ships with English ('en'), German ('de'), Brazilian ('br'), and Spanish ('es') translations, but others can be added (see I18N below). If an unknown language code is given, English will be used.

forceParse

Boolean. 預設值: true

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

minuteStep

Number. 預設值: 5

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

pickerReferer : 不建議使用

String. 預設值: 'default' (other value available : 'input')

The referer element to place the picker for the component implementation. If you want to place the picker just under the input field, just specify input.

pickerPosition

String. 預設值: 'bottom-right' (還支援 : 'bottom-left')

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

viewSelect

Number or String. 預設值: same as minView (supported values are: 'decade', 'year', 'month', 'day', 'hour')

With this option you can select the view from which the date will be selected. By default it's the last one, however you can choose the first one, so at each click the date will be updated.

showMeridian