set default data for input in vue

Question

I want to set a default value for input of data picker with vue,but the data doesn't show! in the inspect element show this code:

script:

   new Vue({
   el:'#app2',
    data: {
         datePicker: '2021/01/05'
    },
    components:{
          datePicker
    }

html:

 <div id="app2">
     <date-picker :column="1" v-model="date" mode="single" />
 </div>

you used v-model="date" but in data dataPicker is present not date — Ashwin Bande
– Ashwin Bande, Commented Jan 18, 2021 at 11:00

anju · Accepted Answer · 2021-01-18 12:31:46Z

1

Add value-type it will set the format of binding value and format will help to assign the display format.

<date-picker :column="1" v-model="datePicker" value-type="YYYY/MM/DD"
    format="YYYY/MM/DD" mode="single" />

and

new Vue({
            el:'#app2',
            data(){
                return {
                 datePicker: '2021/01/05'
               }
             },
            components:{
                datePicker
            }

answered Jan 18, 2021 at 12:31

anju

41913 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

set default data for input in vue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related