date-formatting 相关问题

我正在使用 AplineJS Persist 将 Flatpickr 的日期范围存储到会话存储中。这是我的 Flatpickr 代码：我正在使用 AplineJS Persist 将 Flatpickr 的日期范围存储到会话存储中。这是我的 Flatpickr 代码： <div x-data="{ thePicker: null, init() { this.thePicker = flatpickr(this.$refs.picker, { mode: 'range', minDate: 'today', inline: false, dateFormat: 'M j', showMonths: 2, defaultDate: this.dateRange, onChange: (selectedDates) => {this.dateRange = [...selectedDates];} }); }, }" > <div class="flex items-center flex-1 gap-2 overflow-hidden border border-gray-500 rounded-lg"> <input type="text" x-ref="picker" placeholder="Add dates" class="p-0 py-4 placeholder-gray-600 border-0 bg-none focus:ring-0" > </div> </div> 这是我的 x 数据，用于持久存储它： dateRange: $persist([]).using(sessionStorage).as('_x_range'), 我遇到的问题是日期范围以 ISO 格式存储，如下所示： ["2024-02-19T07:00:00.000Z","2024-02-22T07:00:00.000Z"] 而且我真的很难理解如何将其存储为 M j 或将其从 ISO 格式化回 M j。在这种情况下，我完全可以存储它，例如： Jan 1 to Jan 8, 2024 但是当通过x-text或x-html在前端显示日期时，删除年份： Jan 1 to Jan 8 不建议改变存储格式。您可以使用 onchange 事件来替换显示格式： this.thePicker = flatpickr(this.$refs.picker, { mode: 'range', inline: false, dateFormat: 'M j Y', showMonths: 2, defaultDate: this.chosenDates, onChange: (selectedDates, dateStr, instance) => { this.chosenDates = [...selectedDates]; const year0 = selectedDates[0]?.getFullYear(); if (selectedDates[0] && year0 === selectedDates[1]?.getFullYear()) instance.element.value = dateStr.replaceAll (' ' + year0, ''); } }); 这样只有当范围跨越两年时才显示年份。要以您自己的格式在其他地方显示范围，您可以操纵日期，例如使用 toLocaleDateString: <div x-data="{ ..... init() { ..... }, displayRange() { return new Date(this.chosenDates[0]).toLocaleDateString('en-us',{day: 'numeric', month: 'short'}) + ' to ' + new Date(this.chosenDates[1]).toLocaleDateString('en-us',{day: 'numeric', month: 'short'}) + ', ' + new Date(this.chosenDates[0]).getFullYear() } }">  <div x-text="displayRange" x-show="chosenDates[0] && chosenDates[1]" > </div> </div> 这里 displayRange() 是如何编写格式的简化示例

date-formatting alpine.js session-storage persist flatpickr

回答 1 投票 0

在 PHP 中解析 HTTP 'Last-Modified' 日期字符串

我正在使用 FileAPI 获取文件的 HTTP 标头上次修改时间，该文件返回以下字符串： 2013 年 10 月 25 日星期五 12:04:10 GMT+0100（GMT 夏令时间）然后将其发布到 PHP...

php date date-formatting last-modified

回答 3 投票 0

Dayjs 格式，带有时区缩写，即像 moment.js 中的“z”

尝试从 Moment.js 迁移到 Dayjs，但我唯一无法工作的是时区缩写。 dayjs('2020-07-06T14:30:00.000-04:00').tz(dayjs.tz.guess()).format('Do MMM YYYY [at] H...

momentjs date-formatting dayjs

回答 2 投票 0

配置 el-date-picker

有人知道如何在 element-plus 中配置 el-date-picker 来设置一周的第一天。文档说它可以通过 day.js 配置，但不能在元素中使用配置 day.js 。我已经做到了...

vue.js vuejs3 date-formatting element-plus

回答 2 投票 0

如何让 parse_date_time() 识别闰年的 12 月 31 日？

我有一个日期数字（1-365，闰年为 366）和年份的向量，我在 lubridate 中使用 parse_date_time() 将它们转换为 yyyy-mm-dd 格式的日期向量。我遇到了我...

r tidyverse lubridate date-formatting leap-year

回答 1 投票 0

用于解析“Wed Jun 03 12:00:00 PM GMT 2020”的 Java DateTimeFormatter 表达式

我正在使用用 Java 编写的应用程序，该应用程序使用 LocalDate.parse 和 DateTimeFormatter。我只能给它提供一个格式字符串（我无法修改源代码）。我需要它才能成功配对...

java date-formatting datetimeformatter

回答 1 投票 0

通过Powershell的LaunchTime获取一定时间段的实例数

我尝试过以下方法我的日期格式按照 awscli LaunchTime 正确吗？要获取通过 Powershell 中的 AWS cli LaunchTime 创建的最近 5 天实例计数： $getDays =...

powershell amazon-ec2 aws-cli date-format date-formatting

回答 1 投票 0

向表中插入日期值时出现 SQL 错误：字符串转换失败

我在尝试将数据插入 SQL 表（特别是 DATE 列）时遇到错误。日期格式为 YYYY-MM-DD（例如 2010-01-12），但我不断收到转换...

sql sql-server ssms date-formatting

回答 2 投票 0

date-formatting 相关问题

最新问题