как установить стандартную дату дня в vue js

Question

Я бы хотел установить дату дня по умолчанию в моем указателе даты.

код:

<template lang="html">
  <input type="date" v-model="date">
</template>
<script lang="js">
export default {
name: 'component',
props: [],
mounted() {

},
data() {
  return {
    // date: new Date().toJSON.split('T')[0],
    date: new Date(),
  }
},
methods: {

},
computed: {

},
               }
</script>

это не работает, к сожалению, мне сказали о моменте JS, но я не знаю, как мы его используем

Answer 1

привязка v-модели

<datepicker v-model="state.date" name="uniquename"></datepicker>

Излучает события

<datepicker @selected="doSomethingInParentComponentFunction" @opened="datepickerOpenedFunction" @closed="datepickerClosedFunction">

Answer 2

v-model при вводе даты работает со строкой в ​​формате гггг-мм-дд.Если вы счастливы, что в вашей модели есть строки, а не объекты даты, просто поместите строку даты по умолчанию в переменную даты, например так.

date : new Date()toISOString().slice(0,10)

Вот пример работы.Имя было изменено, чтобы избежать совпадения имен переменных с зарезервированными ключевыми словами!

vm = new Vue({
  el : '#vueRoot',
  data : { myDate : new Date().toISOString().slice(0,10) }
})

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<div  id='vueRoot'>
    <input type='date' v-model='myDate'>
    <br>
    {{myDate}}
</div>

Конечно, вы можете использовать даты в качестве объектов даты в вашей модели, если вы хотите отформатировать или сравнить их.В этом случае вам следует избегать v-модели и кодировать две стороны вашей привязки по отдельности, вот так .