📅  最后修改于: 2023-12-03 14:42:33.574000             🧑  作者: Mango
JavaScript中的日期对象可以通过内置函数获取当前时间和日期,但其默认格式不一定满足需求。因此,本文将介绍如何将日期对象格式化为 yyyy-mm-dd
的形式,以便于展示或传递。
最传统的方式是手动拼接字符串。以下是一个实现该方法的示例代码:
function formatDate(date) {
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
return year + '-' + (month < 10 ? '0' + month : month) + '-' + (day < 10 ? '0' + day : day);
}
该函数接收一个Date对象作为参数,返回一个格式化后的日期字符串。
如果你使用jQuery或其他JS类库,你可以使用其中内置的日期格式化函数。例如,在jQuery中,$().datepicker() 函数可以格式化日期为常见格式,其中 dateFormat
选项可以指定输出格式。
以下示例代码演示了如何使用jQuery中的 datepicker
对象格式化日期:
$(document).ready(function() {
$('#date_input').datepicker({
dateFormat: 'yy-mm-dd'
});
});
在该示例代码中,date_input
是一个日期输入框的HTML元素的ID号,datepicker()
函数将使该输入框成为日期选择器。选项dateFormat
指定日期格式,这里我们选择yy-mm-dd
格式。
Moment.js是一个轻量且高度可扩展的JS日期库,支持许多日期操作和输出格式。
引入Moment.js库后,以下是如何使用它将日期对象格式化为yyyy-mm-dd
的示例代码:
var formattedDate = moment(date).format('YYYY-MM-DD');
在该示例代码中,date
是一个Date对象,moment()
函数将其转化为Moment.js日期对象。format()
函数指定输出格式,这里我们选择YYYY-MM-DD
。
JavaScript将日期对象格式化为 yyyy-mm-dd
有几种方法,其中手动拼接字符串和使用库函数都可以达到目的。如果你使用Date对象格式化日期并希望更多的日期操作,Moment.js库也是一个不错的选择。