日历参数

2024 年 8 月 29 日 | 阅读 3 分钟

以下是与日历一起使用的可用参数的列表。

索引参数类型描述
1)container字符串或 HTMLElement带有 CSS 选择器或 HTMLElement 的字符串,用于放置生成的日历 HTML。仅用于内联选择器
2)输入字符串或 HTMLElement带有 CSS 选择器或具有相关输入元素的 HTMLElement
3)scrollToInputboolean打开日历时将视口(page-content)滚动到输入框
4)inputReadOnlyboolean在指定的输入框上设置“readonly”属性
5)convertToPopoverboolean在大屏幕(iPad 上)上将日历模态转换为 Popover
6)onlyOnPopoverboolean启用后,日历将始终在 Popover 中打开
7)cssClassstring要在日历模态上设置的其他 CSS 类名
8)closeByOutsideClickboolean如果启用,则通过单击选择器外部或相关的输入元素来关闭选择器
9)toolbarboolean启用日历模态工具栏
10)toolbarCloseTextstring“完成/关闭”工具栏按钮的文本
11)toolbarTemplatestring工具栏 HTML 模板。默认情况下,它是具有以下模板的 HTML 字符串
{{monthPicker}} {{yearPicker}}

特定日历参数

索引参数类型描述
1)数组带有初始选择日期的数组。每个数组项代表选择的日期
2)disabled日期范围其他禁用的日期。参数接受所谓的日期范围(详细信息见下文)
3)events日期范围带有事件的日期。将在日历日上标记为附加的“点”。参数接受所谓的日期范围(详细信息见下文)
4)rangesClasses数组您想要添加自定义 CSS 类的日期范围,用于额外的样式设置。请参阅下面接受的格式
5)formatValuefunction (p, values)格式化输入值的函数,应返回新的/格式化的字符串值。values 是一个数组,其中每个项目代表选择的日期
6)monthNames数组包含完整月份名称的数组
7)monthNamesShort数组包含短月份名称的数组
8)dayNames数组包含星期几名称的数组
9)dayNamesShort数组包含星期几短名称的数组
10)updateValuesOnTouchmoveboolean在触摸移动期间更新选择器和输入值
11)firstDay数字一周的第一天。默认为 1 - 星期一
12)weekendDays数组包含周末日期索引号的数组,默认为星期六和星期日
13)dateFormat字符串 '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)multipleboolean启用以允许选择多个日期/值
15)rangePickerboolean启用以启用范围选择器。与 multiple 不兼容
16)directionstring月份布局方向,可以是“horizontal”或“vertical”
17)minDate日期允许的最小日期
18)maxDate日期允许的最大日期
19)touchmoveboolean如果启用,则在触摸移动期间,日历月份会跟随手指滑动
20)animateboolean启用月份之间的过渡
21)closeOnSelectboolean启用后,当用户选择日期时,日历将关闭
22)weekHeaderboolean启用带有短名称星期几的周标题
23)monthPickerboolean在工具栏中启用月份选择器