javascript - How to format the current date format in Vue.js - Stack Overflow

admin管理员组

文章数量:1356443

I need to get the current date in Vue.js.

For that, I used the following method.

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

today_date will give the date as 2019.09.11 format.

Is there any method to customize this format? Actually I need to get the date as 11.09.2019 format. But it's better to know whether there are solutions to get the date in several formats.

I need to get the current date in Vue.js.

For that, I used the following method.

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

today_date will give the date as 2019.09.11 format.

Is there any method to customize this format? Actually I need to get the date as 11.09.2019 format. But it's better to know whether there are solutions to get the date in several formats.

• javascript
• vue.js
• vuejs2
• vue-ponent

Share Improve this question Follow edited Jul 23, 2020 at 22:25 Boussadjra Brahim 1 asked Sep 11, 2019 at 9:30 Gayan S. MuthukumaranaGayan S. Muthukumarana 90411 gold badge1111 silver badges2929 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

In pure Javascript you should hard code the format that you want by getting the day, month and year, and concatenate them to get what you want, but i remend to use the moment.js library to format the date easily like :

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');    

Can be done in different ways One brilliant lib: MomentJS (which can take care of a lot of formats, locales and operations too), but one solution using pure JS could be:

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()));

本文标签： javascriptHow to format the current date format in VuejsStack Overflow