如何从 flatpickr 中的选定日期最好地访问一天属性？答案

【问题标题】：How to best access a day property from a selected date in flatpickr?如何从 flatpickr 中的选定日期最好地访问一天属性？
【发布时间】：2017-11-12 17:25:04
【问题描述】：

我的任务是让用户选择一个日期（它在输入框中正常显示）。创建了一个包含年份的新变量，但在必要时使用提供的日期中的一些逻辑来更改它。

我不知道我是否打算只使用提供的 .selectedDates 日期数组，或者 flatpickr 是否可以返回包含日期作为单独属性的格式的日期？

（逻辑是如果你出生在1月1日到2月3日之间，你会落入上一个日历年，这是针对亚洲精神系统的）

到目前为止，我有这个：

const fp = flatpickr("#demo", {
  onChange: [
    function () {
      printDate (fp.selectedDates);
      printDate (fp.currentYear);

    }
  ],
});

function printDate(date) {
  console.log(date);
}

我似乎无法使用 flatpickr 方法或对象属性将 Day 作为变量？没有日属性，但有年和月。

我可以使用fp.currentYear，但没有currentDay。解决办法是什么？谢谢！

【问题讨论】：

标签： javascript flatpickr

【解决方案1】：

currentYear和currentMonth指的是显示的年月，不是选中的。

您应该使用 selectedDates，这是一个原生 JavaScript Date 对象数组。

获得数组后，您可以使用.getDate() 获得日期。（其他属性请查看MDN Date docs）。

var inputDate = flatpickr(".flatpickr", {
  onChange(selectedDates) {
    console.log(selectedDates);
    console.log("Selected day:" + selectedDates[0].getDate());
  }
});

<link rel="stylesheet" href="https://unpkg.com/flatpickr/dist/flatpickr.min.css">
<script src="https://unpkg.com/flatpickr"></script>

<input class="flatpickr" type="text" placeholder="Select Date.." readonly="readonly">

【讨论】：