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

2 Answers 2

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