v-calendar plugin date formatting

Asked Nov 19 '19 at 21:17

Active Dec 15 '19 at 11:29

Viewed 3,029 times

I'm using v-calendar plugin in Nuxt project. Everything works and here is my code:

<script>
export default {
 data() {
  return {
   ArrivalDate: new Date(),
   DepartureDate: new Date(),
  }
 },
 methods: {
  Submit() {
   console.log(this.ArrivalDate)
  },
 },
}
</script>

<h3>Arrival <</h3>
<v-date-picker v-model="ArrivalDate" :min-date="new Date()" ></v-date-picker>
    

     
<h3>Departure </h3>
<v-date-picker v-model="DepartureDate" :min-date="ArrivalDate"></v-date-picker>

I'm looking to the docs but don't know how to format and display this data. I only get errors. this is my output now:

Tue Nov 19 2019 22:15:01 GMT+0100 (Central European Standard Time)

I want to format it like DD:MM:YY and nothing else.

edited Dec 15 '19 at 11:29

Cœur

37,241
25
195
267

asked Nov 19 '19 at 21:17

mart cube

1

So as I understood, do you want to get `DD:MM:YY` format string from `Date` value? – Diamond Nov 19 '19 at 22:16
Yes. Currently my date is displayed too long. I want to be DD:MM:YY – mart cube Nov 19 '19 at 23:07
It seems you are looking for this. https://stackoverflow.com/questions/23593052 – Diamond Nov 19 '19 at 23:08
1

Check this - https://codesandbox.io/s/date-picker-parse-format-4nx9r?file=/src/App.vue – Gaurav May 05 '20 at 11:19

v-calendar plugin date formatting

0 Answers0