选项

始终可以找到最新的选项列表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规则。