如何在Vue.js中自定义当前日期格式

Gay*_*ana 3 javascript vue.js vuejs2

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

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

today_date: new Date().toJSON().slice(0,10).replace(/-/g,'.')
Run Code Online (Sandbox Code Playgroud)

today_date将日期作为2019.09.11格式。

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

Bou*_*him 6

在纯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');    
Run Code Online (Sandbox Code Playgroud)


amb*_*ing 6

可以用不同的方式完成一个出色的库: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()));
Run Code Online (Sandbox Code Playgroud)

  • 谢谢@ambianBeing (2认同)