如何在 Vue.js 中格式化当前日期格式答案

【问题标题】：How to format the current date format in Vue.js如何在 Vue.js 中格式化当前日期格式
【发布时间】：2019-09-11 09:30:04
【问题描述】：

我需要在 Vue.js 中获取当前日期。

为此，我使用了以下方法。

today_date: new Date().toJSON().slice(0,10).replace(/-/g,'.')

today_date 将以2019.09.11 格式给出日期。

有什么方法可以自定义这种格式吗？实际上我需要以11.09.2019 格式获取日期。但最好知道是否有解决方案可以获取多种格式的日期。

【问题讨论】：

标签： javascript vue.js vuejs2 vue-component

【解决方案1】：

在纯 Javascript 中，您应该通过获取日、月和年来硬编码您想要的格式，并将它们连接起来以获得您想要的，但我建议使用 moment.js 库来轻松格式化日期，例如：

moment().format('MMMM Do YYYY, h:mm:ss a'); // September 11th 2019, 10:52:10 am
moment().format('dddd');                    // Wednesday
moment().format("MMM Do YY");               // Sep 11th 19
moment().format('YYYY [escaped] YYYY');

【讨论】：

谢谢@Boussadjra Brahim。

【解决方案2】：

可以以不同的方式完成One brilliant lib: MomentJS（它也可以处理很多格式、语言环境和操作），但是使用纯 JS 的一种解决方案可能是：

function dtFormatter(d) {
  const yr = d.getFullYear();
  const mnt =
    d.getMonth() + 1 < 9 ? "0" + (d.getMonth() + 1) : d.getMonth() + 1;
  const day = d.getDate() < 9 ? "0" + d.getDate() : d.getDate();

  return day + "." + mnt + "." + yr;
}
console.log(dtFormatter(new Date()));

【讨论】：