如何从 flatpickr 中的选定日期最好地访问一天 属性?
How to best access a day property from a selected date in flatpickr?
我的任务是让用户select一个日期(它在输入框中正常显示)。创建了一个包含年份的新变量,但在必要时使用提供的日期中的一些逻辑来更改它。
我不知道我是否打算只使用提供的 .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 方法或对象属性将日期作为变量获取?没有日属性,但有年月
我可以使用fp.currentYear
但是没有currentDay
。解决办法是什么?谢谢!
currentYear
和currentMonth
指的是显示年月,不是选中的。
您打算使用 selectedDates
,它是原生 JavaScript 日期对象的数组。
得到数组后,可以使用.getDate()
. (For other properties check 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">
我的任务是让用户select一个日期(它在输入框中正常显示)。创建了一个包含年份的新变量,但在必要时使用提供的日期中的一些逻辑来更改它。
我不知道我是否打算只使用提供的 .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 方法或对象属性将日期作为变量获取?没有日属性,但有年月
我可以使用fp.currentYear
但是没有currentDay
。解决办法是什么?谢谢!
currentYear
和currentMonth
指的是显示年月,不是选中的。
您打算使用 selectedDates
,它是原生 JavaScript 日期对象的数组。
得到数组后,可以使用.getDate()
. (For other properties check 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">