jquery日期格式化
jQuery 日期格式化方法
jQuery 本身没有内置的日期格式化功能,但可以通过原生 JavaScript 或第三方插件实现。以下是几种常用的日期格式化方法:
使用原生 JavaScript 的 toLocaleDateString()
通过 Date 对象的 toLocaleDateString() 方法可以快速格式化日期:
var date = new Date();
var formattedDate = date.toLocaleDateString('en-US', {
year: 'numeric',
month: 'long',
day: 'numeric'
});
console.log(formattedDate); // 输出如 "June 23, 2023"
自定义格式化函数
手动拼接日期字符串,适用于需要特定格式的场景:
function formatDate(date) {
var year = date.getFullYear();
var month = ('0' + (date.getMonth() + 1)).slice(-2);
var day = ('0' + date.getDate()).slice(-2);
return year + '-' + month + '-' + day;
}
var formattedDate = formatDate(new Date());
console.log(formattedDate); // 输出如 "2023-06-23"
使用 Moment.js 库(推荐)
Moment.js 是流行的日期处理库,支持链式调用和丰富的格式化选项:
var formattedDate = moment().format('YYYY-MM-DD HH:mm:ss');
console.log(formattedDate); // 输出如 "2023-06-23 14:30:45"
使用 jQuery UI 的日期格式化
如果项目已引入 jQuery UI,可以利用其 dateFormat 功能:
$.datepicker.formatDate('yy-mm-dd', new Date());
注意事项
- Moment.js 已进入维护模式,推荐替代库如
date-fns或Day.js。 - 原生 JavaScript 的
Intl.DateTimeFormat也提供国际化支持。 - 时区处理需额外注意,建议使用库(如
luxon)简化操作。







