jquery 日期
jQuery 日期操作
jQuery本身不直接提供日期处理功能,但可以结合JavaScript的Date对象或第三方库(如Moment.js、Day.js)来实现日期操作。以下是几种常见方法:
使用JavaScript Date对象
通过原生Date对象获取或设置日期,jQuery可用于DOM操作:

// 获取当前日期
var currentDate = new Date();
// 格式化日期为YYYY-MM-DD
var formattedDate = currentDate.getFullYear() + '-' +
(currentDate.getMonth() + 1).toString().padStart(2, '0') + '-' +
currentDate.getDate().toString().padStart(2, '0');
// 使用jQuery显示日期
$('#dateElement').text(formattedDate);
集成Moment.js(推荐)
Moment.js简化了日期解析、格式化和计算:

// 引入Moment.js后使用
var now = moment().format('YYYY-MM-DD');
$('#dateElement').text(now);
// 日期加减
var nextWeek = moment().add(7, 'days').format('YYYY-MM-DD');
使用jQuery UI Datepicker
若需日期选择器,jQuery UI提供交互式组件:
// 引入jQuery UI后初始化
$('#dateInput').datepicker({
dateFormat: 'yy-mm-dd',
onSelect: function(dateText) {
console.log('Selected date: ' + dateText);
}
});
Day.js(轻量替代方案)
Day.js是Moment.js的现代替代品,API相似但体积更小:
// 引入Day.js后使用
var today = dayjs().format('YYYY-MM-DD');
$('#dateElement').text(today);
注意事项
- 原生
Date对象需手动处理时区和格式化。 - Moment.js已进入维护模式,推荐Day.js或原生API。
- 时区处理建议使用
Intl.DateTimeFormat或库的时区插件。






