How to get the current date in Vue app
In this post we will give you information about How to get the current date in Vue app. Hear we will give you detail about How to get the current date in Vue appAnd how to use it also give you demo for it if it is necessary.
we are going to learn about how to get the current date in a vue app usingnew Date() constructor.
Using the new Date() constructor
The new Date() constructor creates a new date instance that contains the following methods to construct the full date.
getDate() method: It returns the day of the month (1-31).
getMonth() method: It returns the month of a year, where 0 is January and 11 is December.
getFullYear() method: It returns the year in four-digit format (YYYY).
Here is an example, that renders the current date in d-m-yyyy format.
<template> <div id="app"> <h1>You are seeing the current date below</h1> <p>{{currentDate()}}</p> </div></template><script>export default { methods: { currentDate() { const current = new Date(); const date = '${current.getDate()}/${current.getMonth()+1}/${current.getFullYear()}'; return date; } }};</script>
We can also replace the backslash (/) separator in the date with dashes (-) or even interchange the day or month or year, according to your needs.
Hope this code and post will helped you for implement How to get the current date in Vue app. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs