全国服务热线:4008-888-888

技术知识

Bootstrap

Bootstrap-datepicker3应用主要参数表明 :12 Bootstrap-datepicker3使用参数说明 Options/选择项

带“Date”的全部选择项都可以以解决 Date 目标; 标识符串文件格式化依据 给定的 format 而定; 相对性于今日的時间自变量, 如 “-1d”, “+6m +1y”这些, 在其中合理的企业为 “d” (day), “w” (week), “m” (month), and “y” (year). 应用“0” 表明今日. 也是有一些相当于時间自变量的别称: “yesterday” 非常于“-1d”, “today” 相当于 “+0d” ,“tomorrow” 则为 “+1d”.

大多数数选择项还可以用data-特性的方法应用. 选择项能够变换为data-特性加上上它自身的姓名的方法。只必须更换选择项名中每个英文大写英文字母为小写,而且英语单词中间再加短水平线(“-”), 最终加上向前缀 “data-date-”. 比如, startDate 能够写为 data-date-start-date, format则变成 data-date-format, daysOfWeekDisabled 可写出 data-date-days-of-week-disabled.

查询 quick reference ,访问全部选择项及其他们的默认设置值。

autoclose/全自动关掉

Boolean. 默认设置值: false

无论时间是不是选定,立即关掉时间控制。

assumeNearbyYear/展现近期年代

Boolean or Integer. 默认设置值: false

假如设成true, 手动式键入俩位数的年代, 例如 “5/1/15”, 可能被变为 “2015”, 而并不是 “15”. 假如年代往前提早低于十年,控制会应用当今新世纪, 不然, 它将应用上一新世纪. 比如 “5/1/15”表明2016年五月2日, 可是 “5/1/97” 则表明一九九七年五月2日.

要事先配备控制一直应用当今新世纪的年数,那么就应用整数金额而并不是布尔运算值. 比如: “assumeNearbyYear: 20”

beforeShowDay/显示信息时间前

Function(Date). 默认设置值: $.noop

该方式应用一个时间做为主要参数,回到以下值之一:

undefined,无一切危害。A Boolean, 标示此时间是不是可选择择A String 意味着给时间模块格运用附加的CSS类有着以下特性的Object:enabled: 和上边的 Boolean值 一样classes: 和上边的 String值一样tooltip: 根据HTML的title特性给时间上边加提醒content: 时间模块格里边显示信息的內容,而并不是默认设置值(文字文件格式的月/日) beforeShowMonth/显示信息月份前

Function(Date). 默认设置值: $.noop

该方式应用一个时间做为主要参数,回到以下值之一:

undefined,无一切危害。A Boolean, 标示此月份是不是可选择择A String 意味着给月份模块格运用附加的CSS类有着以下特性的Object:enabled: 和上边的 Boolean值 一样classes: 和上边的 String值一样tooltip: 根据HTML的title特性给时间上边加提醒beforeShowYear/显示信息年代前

Function(Date). 默认设置值: $.noop

该方式应用一个时间做为主要参数,回到以下值之一:

undefined,无一切危害。A Boolean, 标示此年代是不是可选择择A String 意味着给年代模块格运用附加的CSS类有着以下特性的Object:enabled: 和上边的 Boolean值 一样classes: 和上边的 String值一样tooltip: 根据HTML的title特性给年代上边加提醒beforeShowDecade/显示信息时代前

Function(Date). 默认设置值: $.noop

该方式应用一个时间做为主要参数,回到以下值之一:

undefined,无一切危害。A Boolean, 标示此年代是不是可选择择A String 意味着给年代模块格运用附加的CSS类有着以下特性的Object:enabled: 和上边的 Boolean值 一样classes: 和上边的 String值一样tooltip: 根据HTML的title特性给年代上边加提醒beforeShowCentury/显示信息新世纪前

Function(Date). 默认设置值: $.noop

该方式应用一个时间做为主要参数,回到以下值之一:

undefined,无一切危害。A Boolean, 标示此年代是不是可选择择A String 意味着给年代模块格运用附加的CSS类有着以下特性的Object:enabled: 和上边的 Boolean值 一样classes: 和上边的 String值一样tooltip: 根据HTML的title特性给年代上边加提醒calendarWeeks/带周的时间

Boolean. 默认设置值: false

是不是在最左侧显示信息它是当初第几个星期。

_images/option_calendarweeks.pngclearBtn/消除按键

Boolean. 默认设置值: false

假如设成true, 在时间控制最正下方显示信息一个“Clear”按键用于消除input中的值.假如“autoclose”也设成true,那麼这一按键也将关掉Datepicker

_images/option_clearbtn.pngcontainer/內容

String. 默认设置值: “body”

将时间控制的弹出来加到特定原素上; 比如: container: ‘#picker-container’ (默认设置为 “body”)

datesDisabled/禁止使用时间

String, Array. 默认设置值: []

依照特定文件格式文件格式化一个时间标识符串或是时间标识符串数字能量数组。

daysOfWeekDisabled/禁止使用一周第几日

String, Array. 默认设置值: []

一周的第几日将被和谐用.数值 0 (星期日) to 6 (周六). 好几个值用分号隔开. 比如: 禁止使用礼拜天: '06' 或是 '0,6' 或是 [0,6].

_images/option_daysofweekdisabled.pngdaysOfWeekHighlighted/一周的第几日高亮度显示信息

String, Array. 默认设置值: []

一周的第几日高亮度显示信息. 数值 0 (星期日) to 6 (周六). 好几个值用分号隔开. 比如: 礼拜天高亮度: '06' 或 '0,6' 或 [0,6].

defaultViewDate/默认设置时间主视图

Date种类, String种类 or Object种类,重要字 year, month, day. 默认设置值: today

最开始开启日历的主视图. 控制內部应用today做为默认设置值, 可是当控制第一次开启是用的是 defaultViewDate而并不是 today. 假如这一选择项未被应用, “today” 還是做为默认设置时间主视图.

这一选择项能够为:A date, 当今时区域内的时间.A string 根据 format变换的标识符串.一个有 year, month ,day 的Object.(不可以由另外一数量据的特性来设定). 假如给定的目标缺乏了这三个必需值的一个,那麼他将应用默认设置值:year: 当今年month: 0 (一月)day: 1disableTouchKeyboard/禁止使用移动终端的虚似电脑键盘

Boolean. 默认设置值: false

假如设定为 true,在移动终端上把出不来新任何电脑键盘

enableOnReadonly/写保护情况能用

Boolean. 默认设置值: true

假如设定为false,那麼在写保护时间控制上已不显示信息日历.

endDate/完毕时间(译者注:能用较大时间)

Date or String. 默认设置: 测算机较大時间

较大时间能够被选定,往后面的全部时间将被和谐用。

务必为当今时区时间. 标识符串务必合乎 format 规定.

_images/option_enddate.png

今日以后的全部时间将被和谐用.

forceParse/强制性变换

Boolean. 默认设置值: true

在时间控制关掉时是不是强制性变换input值. 当客户键入失效值时,控制可能强制性变换该值,而且将变换后新的合理的合乎给定format文件格式的值再次赋给Input原素。

format/文件格式化

String. 默认设置值: “mm/dd/yyyy”

时间文件格式化, 是由 d, dd, D, DD, m, mm, M, MM, yy, yyyy构成的组成.

d, dd: 数据时间, 各自表明16号之前没有0和带0. 比如, 5, 05.D, DD: 各自意味着礼拜名字的缩写和全名。比如, Mon, Monday.m, mm: 数据月份,各自表明十月之前没有0和带0. 比如, 7, 07.M, MM: 各自意味着月份名字的缩写和全名。比如, Jan, Januaryyy, yyyy: 各自意味着2位和4位年代书写. 比如, 12, 2012.

订制文件格式化选择项:

toDisplay: function (date, format, language) 将date目标变为string种类, 储存于input原素中toValue: function (date, format, language) 将string变为date, 用以时间挑选
$('.datepicker').datepicker({ format: { /* * Say our UI should display a week ahead, * but textbox should store the actual date. * This is useful if we need UI to select local dates, * but store in UTC */ toDisplay: function (date, format, language) { var d = new Date(date); d.setDate(d.getDate() - 7); return d.toISOString(); }, toValue: function (date, format, language) { var d = new Date(date); d.setDate(d.getDate() + 7); return new Date(d); } }});
immediateUpdates/马上升级

Boolean. 默认设置值: false

假如为true, 不管挑选年或是月都将马上升级到input原素中. 不然, 仅有挑选了最后时间,才升级到Input原素中.

inputs

Array, jQuery. 默认设置值: None

一个用以时间范畴挑选的inputs目录,它将被额外到选中的原素上。容许在非标准准原素上显式建立时间范畴挑选控制。

 
$('#event_period').datepicker({ inputs: $('.actual_range')});
keepEmptyValues/维持空值

Boolean. 默认设置值: false

只在时间范畴挑选时起功效. 假如为 true, 挑选在其中一个控制的值不容易传送给另外一个时间范畴内的控制, 当今为空, .

keyboardNavigation/电脑键盘导航栏

Boolean. 默认设置值: true

是不是容许方位键对时间开展导航栏。

全部置入/内行人方式也不适用电脑键盘导航栏. 而且当input原素没获取聚焦点时都不起功效。 ponent方式或是用show方式开启时,这也将是一个难题。

language/語言

String. 默认设置: “en”

IETF 語言编码 (比如 “en” 意味着英文, “pt-BR” 意味着墨西哥葡语)  用以月份和时间的名字. 这也会被作为为input原素的值 (在接着报表递交的状况下能被推送到服务端).假如是控制适用的全名编码 (比如 “de-DE”) ,则控制会最先查找一个名叫 “de-DE” 的語言,假如沒有寻找,则会不成功并再次搜索名叫“de” 的語言. 假如给定了一个部位的語言编码,则会应用英语显示信息.



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服