CODEWITHSUNDEEP
javascriptvue.jsvuejs2vue-component
Gayan S. Muthukumarana
Gayan S. Muthukumarana

Reputation: 904

How to format the current date format in Vue.js

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.

Upvotes: 2

Views: 6272

Answers (2)

ambianBeing
ambianBeing

Reputation: 3529

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

Upvotes: 4

Boussadjra Brahim
Boussadjra Brahim

Reputation: 1

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

Upvotes: 4

Related Questions