We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

how to disable user key in/type in in daterangepicker

Thread ID:

Created:

Updated:

Platform:

Replies:

141719 Dec 31,2018 02:38 AM UTC Dec 31,2018 06:59 AM UTC ASP.NET MVC - EJ 2 1
loading
Tags: DateRangePicker
afiqdoherty
Asked On December 31, 2018 02:38 AM UTC

hi,

appreciate if you can help me to disable user key/type in for daterangepicker. I just want user to only select the date range from given date selection. 
This is because, I only want user to just follow this format date. My actual daterangepicker has button search after user select the date range. I don't want system to check on client side or server side validation for date format input by user themselves by key/type in. Hope you can understand my requirement.

my code :

<div class="col-md-3" style="font-weight:bold;">
   <ejs-daterangepicker id="daterangepickerFor" style="font-weight:bold;" value="@ViewData["daterange"]" placeholder="@ViewData["daterange"]" name="daterange" format="dd/MM/yyyy " ejs-for="@Model.Search_DateValue"></ejs-daterangepicker>
</div>
<div class="col-md-1">
  <ejs-button id="normalbtn" content="Search" type="submit" isPrimary="true" cssClass="e-outline"></ejs-button>
</div>


Thanks,

afiq

Deepa Loganathan [Syncfusion]
Replied On December 31, 2018 06:59 AM UTC

Hi Afiq,  
 
Thanks for contacting Syncfusion support.  
  
We understood your requirement to restrict the user from entering the values in Daterangepicker with input element and allow inputs only with popup selection.  This requirement can be achieved by setting the allowEdit API to false as given below.  

 
<ejs-daterangepicker id="daterangepickerFor" style="font-weight:bold;" placeholder="@ViewData["daterange"]" name="daterange" format="dd/MM/yyyy" allowEdit="false"></ejs-daterangepicker> 
 
 


We suggest you checking out our API help document to explore more about the options available in Daterangepicker.  
 

Regards,  
Deepa L. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon