仅限 flatpickr 月份和年份

简介

Flatpickr 是一个轻量级的日期和时间选择器，支持各种格式的日期和时间选择。除了日历选择，Flatpickr 还支持选择特定的月份和年份。

如何选择月份和年份

启用月份和年份选择

要启用月份和年份选择，需要在 flatpickr 的选项中添加 enable: [ "months", "years" ] 。

flatpickr("#myElement", {
  enable: [ "months", "years" ]
});

获取选择的月份和年份

要获取选择的月份和年份，可以使用 change 事件和 formatDate 函数。

flatpickr("#myElement", {
  enable: [ "months", "years" ],
  onChange: function(selectedDates, dateStr, instance) {
    var selectedMonth = instance.currentMonth; // 从0开始的月份
    var selectedYear = instance.currentYear;
    var formattedMonth = instance.formatDate(selectedDates[0], "M"); // 选择的月份的数字格式（1-12）
    var formattedYear = instance.formatDate(selectedDates[0], "Y"); // 选择的年份的数字格式
    console.log("Selected Month: " + selectedMonth);
    console.log("Selected Year: " + selectedYear);
    console.log("Formatted Month: " + formattedMonth);
    console.log("Formatted Year: " + formattedYear);
  }
});

总结

Flatpickr 是一个灵活的日期和时间选择器，可以轻松添加月份和年份选择。要启用月份和年份选择，只需在选项中添加 enable: [ "months", "years" ]。要获取选择的月份和年份，可以使用 onChange 事件和 formatDate 函数。