当前位置：srcmini > Framework7 > 正文

日历参数

2020-03-06 05:10:14 分类：Framework7 阅读(1274) 评论(0)

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

指数	参数	类型	描述
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	在工具栏中启用月份选择器

赞(1)

未经允许不得转载：srcmini » 日历参数

标签：日历参数

相关推荐

评论抢沙发

评论前必须登录！

立即登录注册

回顶
回顶部