dayjs调用format方法对不同日期输入返回错误天数问题咨询

问题原因：时区偏移导致日期回退 #

你遇到的日期差1天的问题和时间部分的位数没有关联，本质是非标准日期字符串的解析时区差异：
dayjs默认会用运行环境的本地时区解析不带时区标识的日期字符串，如果你所在时区为西时区（比如你代码中提到的America/New_York，UTC-4/UTC-5），23-SEP-2021 00:00 解析为本地时区9月23日零点后，对应的UTC时间为9月22日12点/13点，格式化时如果没有固定时区就会出现日期显示为22号的问题。17号的输入没有出现差异属于巧合，和时间是00:00还是00:00:00无关。

修复建议 #

解析非ISO标准格式的日期时，手动指定解析格式和时区，避免不同浏览器的解析逻辑差异：

// 引入自定义解析格式插件
import customParseFormat from 'dayjs/plugin/customParseFormat'
dayjs.extend(customParseFormat)

// 按指定格式+时区解析日期
export const formatDate = (date, pattern = 'DD-MMM-YYYY HH:mm', tz = 'America/New_York') => {
  return dayjs.tz(date, pattern, tz).format('MMMM DD, YYYY');
};

控制台/代码片段运行dayjs的解决方案 #

Chrome控制台运行方法 #

先执行以下代码全局引入dayjs，加载完成后即可调用：

const script = document.createElement('script');
script.src = 'https://cdn.jsdelivr.net/npm/dayjs@1.10.7/dayjs.min.js';
document.head.appendChild(script);

不需要使用import或require，dayjs加载完成后会直接挂载到全局window对象上。

Stack Snippets使用方法 #

你当前的引入方式是正确的，不需要调整为ES Module模式：HTML部分引入CDN后，JS部分可以直接调用dayjs，不需要额外导入语句。如果要使用ES Module，只需要给script标签添加type="module"属性，再用import语句引入dayjs的ESM版本即可。

时区格式化方案 #

需要搭配dayjs的utc和timezone插件实现时区感知的日期格式化，完整示例如下：

<!-- 引入依赖 -->
<script src="https://cdn.jsdelivr.net/npm/dayjs@1.10.7/dayjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dayjs@1.10.7/plugin/utc.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dayjs@1.10.7/plugin/timezone.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dayjs@1.10.7/plugin/customParseFormat.js"></script>

// 注册插件
dayjs.extend(window.dayjs_plugin_utc);
dayjs.extend(window.dayjs_plugin_timezone);
dayjs.extend(window.dayjs_plugin_customParseFormat);

// 按纽约时区解析并格式化日期
const date1 = dayjs.tz("23-SEP-2021 00:00", "DD-MMM-YYYY HH:mm", "America/New_York");
console.log(date1.format('MMMM DD, YYYY')); // 输出 September 23, 2021

const date2 = dayjs.tz("17-SEP-2021 00:00:00", "DD-MMM-YYYY HH:mm:ss", "America/New_York");
console.log(date2.format('MMMM DD, YYYY')); // 输出 September 17, 2021

内容的提问来源于stack exchange，提问作者Michele