选项

始终可以找到最新的选项列表options.ts

配置选项 类型 默认值 描述
altFormat String "F j, Y" 与日期格式完全相同,但对于altInput字段
altInput Boolean false 向用户显示一个可读的日期(按照altFormat),但向服务器返回完全不同的日期。
altInputClass String "" 此类将添加到altInput选项创建的输入元素中。请注意, altInput 已经从原始输入继承了类。
allowInput Boolean false 允许用户输入日期,直接在输入字段中输入。默认情况下,直接输入是禁用的。
appendTo HTMLElement null 代替body,而是 将日历附加到指定的节点*。
ariaDateFormat String "F j, Y" aria-label使用与相同的标记,定义日历 日中日期的格式 dateFormat。如果更改此设置,则应该选择一个值,如果屏幕阅读器将其大声读出,则该值才有意义。
clickOpens Boolean true 是否单击输入应打开选择器。如果您想手动打开日历,可以禁用此功能.open()
dateFormat String "Y-m-d" 字符串,用于定义日期在输入框中的显示方式。支持的字符在下表中定义 。
defaultDate String null

设置初始选择的日期。

如果您使用mode: "multiple"或范围日历,请Array在Date后面提供的对象或日期字符串数组dateFormat。

否则,您可以提供一个Date对象或一个日期字符串。

defaultHour Number 12

小时元素的初始值。

defaultMinute Number 0

分钟元素的初始值。

disable Array [] 请参阅 禁用日期
disableMobile Boolean false 设置 disableMobile 为true始终使用非本地选择器。
默认情况下,除非使用了某些选项(例如禁用),否则flatpickr会使用本机日期时间窗口小部件。
enable Array [] 请参阅启用日期
enableTime Boolean false 启用时间选择器
enableSeconds Boolean false 在时间选择器中启用秒。
formatDate Function null 允许使用自定义日期格式的功能,而不是内置的使用处理的日期格式 dateFormat, altFormat等等。
hourIncrement Integer 1 调整小时输入的步进(包括滚动)
inline Boolean false 内联显示日历
maxDate String/Date null 用户可以选择的最长时间(包括)。
minDate String/Date null 用户可以开始选择的最短日期(包括)。
minuteIncrement Integer 5 调整分钟输入的步长(包括滚动)
mode String "single" "single""multiple", 或 "range"
nextArrow String > 箭头图标的HTML,用于切换月份。
noCalendar Boolean false 隐藏日历中的日期选择。
结合使用 enableTime 以创建时间选择器。
onChange Function, [functions] null 在每个日期选择时触发的功能。查看事件 API
onClose Function, [functions] null 每次关闭日历时触发的功能。查看事件 API
onOpen Function, [functions] null 每次打开日历时触发的功能。查看事件 API
onReady Function, [functions] null 日历准备就绪时触发的功能。查看事件 API
parseDate Function false 需要日期字符串并且必须返回Date对象的函数
position String "auto" 相对于输入呈现日历的位置。

"auto", "above""below"
prevArrow String < 左箭头图标的HTML。
shorthandCurrentMonth Boolean false 使用速记版本显示月份(即9月而不是9月)。
showMonths Integer 1 显示的月份数。
static Boolean false 将日历放在包装器内,并在输入元素*旁边。
time_24hr boolean false 启用后,在24小时制下显示时间选择器,而没有选择AM / PM。
weekNumbers Boolean false 启用在日历中显示星期数。
wrap Boolean false 自定义元素和输入组

*将日历附加到特定元素可以使其取决于该元素的位置和样式。如果日历未按预期放置,请检查容器的CSS规则。