📌  相关文章
📜  javascript 将日期对象格式化为 yyyy-mm-dd - Javascript (1)

📅  最后修改于: 2023-12-03 14:42:33.574000             🧑  作者: Mango

JavaScript 将日期对象格式化为 yyyy-mm-dd

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库

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库也是一个不错的选择。