Disable text field on DatePicker

[Andrew Jang]

Hello,

I have a datepicker on my ASP.NET webform as following

<ej:DatePicker runat="server" ID="DOB" Visible="true"  WatermarkText="DD-MMM-YYYY" MinDate="01/01/1900" DateFormat="dd-MMM-yyyy" ValidateRequestMode="Enabled" Width="100%" OnSelect="DateOfBirthChanged" StartLevel="Decade" ShowRoundedCorner="true"></ej:DatePicker>

which Renders like this

Now, I would like to disable textbox so that the users can only enter date through datepicker popup calendar view.

How can I make this happen?

Thank you,

Andrew

[Prem Kumar Madhan Raj]

Hi Andrew,   

   

Thanks for contacting Syncfusion Support.   

   

We have checked with your query to disable date picker text field and allow to enter date value of date picker only with date picker calendar. This can be achieved by setting “false” to AllowEdit API of Date Picker as shown in the below code snippet.   

   

<ej:DatePicker runat="server" ID="DOB" Visible="true"  WatermarkText="DD-MMM-YYYY"MinDate="01/01/1900" DateFormat="dd-MMM-yyyy" ValidateRequestMode="Enabled" Width="100%"onSelect="DateOfBirthChanged" StartLevel="Decade" ShowRoundedCorner="true"AllowEdit="false"></ej:DatePicker>   

  

   

   

To know about available Date Picker properties, please refer the below links.   

   

API Link: https://help.syncfusion.com/api/js/ejdatepicker#members   

   

Regards,   

Prem Kumar. M