jQuery Datepicker setDate方法设置日期少一天问题求助

架构老林

2026-5-20

jQuery Datepicker setDate 总是少一天？看看这几个原因！

嗨，这个问题我之前踩过坑！大概率是时区差异在搞鬼，我给你捋捋常见原因和对应的解决办法：

最常见的原因：Date 对象的时区解析问题

很多人创建 Date 对象时会用类似 new Date("2024-05-20") 的写法，这种纯日期字符串在大多数浏览器里会被解析为UTC时间的0点。如果你的本地时区是东八区（比如国内），UTC的0点对应本地时间的前一天16点，Datepicker 基于本地时间显示，自然就会变成前一天。

解决办法：

改用年、月（注意月份是从0开始的！）、日的参数创建 Date 对象，这样会直接生成本地时间的日期：

// 对应2024年5月20日的本地时间
const targetDate = new Date(2024, 4, 20);
$("#datepicker").datepicker("setDate", targetDate);

如果必须用字符串创建，给字符串加上时分秒，强制解析为本地时间：

const targetDate = new Date("2024-05-20T00:00:00");
$("#datepicker").datepicker("setDate", targetDate);

次要原因：Datepicker 配置与 Date 对象不兼容

如果你的 Datepicker 设置了自定义的 dateFormat，或者和 altField 等字段配合使用，可能因为格式解析时的时区处理不一致导致日期偏移。

解决办法：

用 Datepicker 自带的解析和格式化方法统一处理日期，避免手动创建 Date 对象的误差：

// 先把目标日期格式化为 Datepicker 认可的格式
const formattedDate = $.datepicker.formatDate("yy-mm-dd", new Date(2024, 4, 20));
// 再用 parseDate 转换为 Date 对象后设置
const targetDate = $.datepicker.parseDate("yy-mm-dd", formattedDate);
$("#datepicker").datepicker("setDate", targetDate);