Need to disable text field

[Paul]

I need to disable the text field in a datepicker. Just need to use the calendar icon. how can i disable textfield 

[Sureshkumar P]

Hi Paul, 

 

Greetings from Syncfusion support. 

 

Yes, we can able to disable the datepicker input field as non-editable using allowEdit property. 

 

Please find the code example here: 

<template> 

<div id="app"> 

    <div id="wrapper1"> 

         

        <ejs-datepicker :placeholder="waterMark" :allowEdit="allowedit"></ejs-datepicker> 

    </div> 

</div> 

</template> 

<script> 

import Vue from 'vue'; 

import { DatePickerPlugin } from '@syncfusion/ej2-vue-calendars'; 

Vue.use(DatePickerPlugin); 

 

export default { 

 data: function(){ 

        return { 

            waterMark : 'Select a date', 

            allowedit: false, 

        } 

    } 

} 

 

</scripts> 

 

 

 

To know more about allowEdit property, please refer the API documentation link: https://ej2.syncfusion.com/vue/documentation/api/datepicker/#allowedit  

 

Regards, 

Sureshkumar P