jquery日期
jQuery 日期操作
jQuery本身不直接提供日期处理功能,但可以通过JavaScript的Date对象或第三方插件(如jQuery UI)来实现日期操作。以下是常见日期操作的实现方法:
获取当前日期
使用JavaScript的Date对象获取当前日期,并通过jQuery显示:

var currentDate = new Date();
$('#dateDisplay').text(currentDate.toLocaleDateString());
日期格式化
通过扩展Date原型或使用第三方库(如moment.js)格式化日期:
// 自定义格式化
Date.prototype.format = function(format) {
// 实现格式化逻辑
};
var formattedDate = new Date().format('YYYY-MM-DD');
日期选择器(jQuery UI)
使用jQuery UI的datepicker插件实现交互式日期选择:

$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
onSelect: function(dateText) {
console.log("Selected date: " + dateText);
}
});
日期计算
通过Date对象进行日期加减:
var today = new Date();
var tomorrow = new Date(today);
tomorrow.setDate(today.getDate() + 1);
日期比较
直接比较Date对象或时间戳:
var date1 = new Date('2023-01-01');
var date2 = new Date('2023-12-31');
if (date1 < date2) {
console.log("date1 is earlier");
}
第三方库推荐
- Moment.js(已停止维护,但仍广泛使用):
moment().format('MMMM Do YYYY, h:mm:ss a'); - Day.js(轻量替代方案):
dayjs().format('YYYY-MM-DD');
注意事项
- 时区处理需谨慎,建议使用UTC方法或库(如
moment-timezone)。 - 浏览器兼容性可能影响
toLocaleDateString()的输出格式。 - 复杂的日期操作建议使用专业库而非原生
Date对象。






