jquery日期格式化
jQuery 日期格式化方法
jQuery本身没有直接提供日期格式化的功能,但可以通过JavaScript原生方法或插件实现。以下是几种常见的实现方式:
使用原生JavaScript
JavaScript的Date对象结合字符串操作可以实现基础格式化:
var date = new Date();
var formattedDate = (date.getMonth() + 1) + '/' + date.getDate() + '/' + date.getFullYear();
// 输出格式:MM/DD/YYYY
使用date-fns库
现代轻量级方案推荐使用date-fns库:
import { format } from 'date-fns';
const formattedDate = format(new Date(), 'yyyy-MM-dd');
使用moment.js(已停止维护)
moment.js曾是流行的解决方案:
var formattedDate = moment().format('YYYY-MM-DD');
自定义jQuery扩展
可以扩展jQuery功能:

$.fn.formatDate = function(format) {
var date = new Date($(this).val());
return format.replace(/yyyy/g, date.getFullYear())
.replace(/MM/g, ('0' + (date.getMonth() + 1)).slice(-2))
.replace(/dd/g, ('0' + date.getDate()).slice(-2));
};
// 使用:$('#dateInput').formatDate('yyyy-MM-dd');
常用格式符号说明
- yyyy:4位年份
- MM:2位月份(01-12)
- dd:2位日期(01-31)
- HH:24小时制小时
- mm:分钟
- ss:秒钟
建议优先考虑现代方案如date-fns,它比moment.js更轻量且模块化。对于简单需求,原生JavaScript方案足够使用。






