【日历参数】以下是与日历一起使用的可用参数的列表。
指数 |
参数 |
类型 |
描述 |
1) |
container |
字符串或HTMLElement |
带有CSS选择器或HTMLElement的字符串, 用于放置生成的Calendar HTML。仅用于内联选择器 |
2) |
input |
字符串或HTMLElement |
具有CSS选择器的字符串或具有相关输入元素的HTMLElement |
3) |
scrollToInput |
boolean |
日历打开时滚动视口(页面内容)以输入 |
4) |
inputReadOnly |
boolean |
在指定的输入上设置“只读”属性 |
5) |
convertToPopover |
boolean |
Converts calendar modal to Popover on large screens (on iPad) |
6) |
onlyOnPopover |
boolean |
启用它, 日历将始终在Popover中打开 |
7) |
cssClass |
string |
在日历模式下设置的其他CSS类名称 |
8) |
closeByOutsideClick |
boolean |
如果启用, 则选择器将通过在选择器或相关输入元素之外单击来关闭 |
9) |
toolbar |
boolean |
启用日历模式工具栏 |
10) |
toolbarCloseText |
string |
完成/关闭工具栏按钮的文本 |
11) |
toolbarTemplate |
string |
工具栏HTML模板。默认情况下, 它是带有以下模板的HTML字符串:{{monthPicker}} {{yearPicker}} |
特定的日历参数
指数 |
参数 |
类型 |
描述 |
1) |
value |
array |
带有初始选定日期的数组。每个数组项代表所选日期 |
2) |
disabled |
日期范围 |
附加的禁用日期。参数接受所谓的“日期范围”(有关详细信息, 请参见下文) |
3) |
events |
日期范围 |
有事件的日期。在日历日将标有附加的“点”。参数接受所谓的“日期范围”(有关详细信息, 请参见下文) |
4) |
rangesClasses |
array |
你要添加自定义CSS类以进行其他样式设置的日期范围。在下面查找可接受的格式 |
5) |
formatValue |
function (p, values) |
格式化输入值的函数, 应返回新的/格式化的字符串值。 values是一个数组, 其中每个项目代表所选日期 |
6) |
monthNames |
array |
具有完整月份名称的数组 |
7) |
monthNamesShort |
array |
具有短月份名称的数组 |
8) |
dayNames |
array |
具有星期几名称的数组 |
9) |
dayNamesShort |
array |
具有星期几短名称的数组 |
10) |
updateValuesOnTouchmove |
boolean |
在触摸移动过程中更新选择器和输入值 |
11) |
firstDay |
number |
一周的第一天。默认情况下1-星期一 |
12) |
weekendDays |
array |
具有周末天数的索引的数组, 默认为星期六和星期日 |
13) |
dateFormat |
string ‘
yyyy-mm-dd’
|
默认日期格式, 可用表达式:’
yyyy’
-4位数字年份’
yy’
-2位数字年份’
mm’
-2位数字月份号, 从01到12’
m’
-月份号, 从1到12’
MM’
-完整月份名称’
M’
-短月份名称’
dd’
-2位数字的日期编号, 从01到31’
d’
-日期编号, 从1到31’
DD’
-全周日期名称’
D’
-短星期日期名称 |
14) |
multiple |
boolean |
启用以允许选择多个日期/值 |
15) |
rangePicker |
boolean |
启用以启用范围选择器。与多个不兼容 |
16) |
direction |
string |
月的布局方向, 可以是“水平”或“垂直” |
17) |
minDate |
Date |
最小允许日期 |
18) |
maxDate |
Date |
最长允许日期 |
19) |
touchmove |
boolean |
如果启用, 则日历月幻灯片会在触摸移动期间跟随手指 |
20) |
animate |
boolean |
启用月份之间的过渡 |
21) |
closeOnSelect |
boolean |
当用户选择日期时, 启用和日历将关闭 |
22) |
weekHeader |
boolean |
启用带有短名称星期几的星期标题 |
23) |
monthPicker |
boolean |
在工具栏中启用月份选择器 |
推荐阅读