jquery时间格式化
jQuery 时间格式化方法
在 jQuery 中,时间格式化通常依赖 JavaScript 的 Date 对象或第三方库(如 Moment.js)。以下是几种常见的时间格式化方法:
使用原生 JavaScript 的 Date 对象
JavaScript 的 Date 对象提供了基础的时间处理功能,可以通过组合方法实现简单格式化。
var date = new Date();
var formattedDate = date.getFullYear() + '-' +
(date.getMonth() + 1).toString().padStart(2, '0') + '-' +
date.getDate().toString().padStart(2, '0');
console.log(formattedDate); // 输出:2023-10-05
使用 Moment.js 库
Moment.js 是一个流行的日期处理库,支持链式调用和灵活的格式化。
// 引入 Moment.js 后使用
var formattedDate = moment().format('YYYY-MM-DD HH:mm:ss');
console.log(formattedDate); // 输出:2023-10-05 14:30:45
自定义 jQuery 扩展方法
可以通过扩展 jQuery 的原型方法实现时间格式化功能。
$.fn.formatDate = function(format) {
var date = new Date($(this).val());
var day = date.getDate().toString().padStart(2, '0');
var month = (date.getMonth() + 1).toString().padStart(2, '0');
var year = date.getFullYear();
return format.replace('dd', day).replace('mm', month).replace('yyyy', year);
};
// 调用示例
var formatted = $('#dateInput').formatDate('yyyy-mm-dd');
使用 Date-fns 库
Date-fns 是一个轻量级的现代日期库,支持模块化导入。
import { format } from 'date-fns';
var formattedDate = format(new Date(), 'yyyy-MM-dd HH:mm:ss');
console.log(formattedDate); // 输出当前格式化时间
常见格式化符号说明
YYYY:四位年份(如 2023)MM:两位月份(01-12)DD:两位日期(01-31)HH:24 小时制的小时(00-23)mm:分钟(00-59)ss:秒(00-59)
注意事项
- Moment.js 已进入维护模式,推荐在新项目中使用 Luxon 或 Date-fns。
- 原生
Date对象在处理时区时可能需要额外逻辑。 - 确保引入的库版本与项目兼容。







