In this article, I’m going to share how to get current date and time in Vue.js application.

Table of Contents

1. Date() Constructor
2. Example

Date() Constructor

The Date() constructor returns a new Date object that represents the current date and time. Let’s have a look at some methods of the Date object:

Example

Have a look at an example:

<template>
  <div id="app">
    <p>Current Date & Time: {{currentDateTime()}}</p>
  </div>
</template>

<script>
export default {
  methods: {
    currentDateTime() {
      const current = new Date();
      const date = current.getFullYear()+'-'+(current.getMonth()+1)+'-'+current.getDate();
      const time = current.getHours() + ":" + current.getMinutes() + ":" + current.getSeconds();
      const dateTime = date +' '+ time;
      
      return dateTime;
    }
  }
};
</script>