allow edit in datepicker control

[Stefano Capobianco]

Hi support, in JS1 i can, for a DatePicker control, set the allow-edit="false" to deny the field edit  to the user and permit to choice the date only with selector. It's possible to achieve the same in the JS2 ?

Thanks

Stefano

[Prem Kumar Madhan Raj]

Hi Stefano, 

Thanks for contacting Syncfusion Support. 

Yes we can restrict entering value in the DatePicker input element by adding readonly attribute to the input element of the component by using the created event as shown in the below code snippet. 

<ejs-datepicker id="datepicker" created="onCreate"></ejs-datepicker> 

 

<script> 

    function onCreate(args){ 

       var proxy = this; 

        this.element.setAttribute("readonly", true); 

        this.inputWrapper.container.addEventListener("click", function (args) { 

            var obj = document.getElementById("datepicker").ej2_instances[0];       

                obj.show() 

        }); 

    } 

</script> 

Once readonly attribute is enabled, the input element becomes unable to edit and you can select a value only by opening the popup element. For your convenience, we have also attached the sample in the below link. Please check it. 

Sample: http://www.syncfusion.com/downloads/support/forum/138428/ze/DatePicker_core1261436551  

Regards, 

Prem Kumar M

[Stefano Capobianco]

Thanks Prem, your solution work very well. Isn't possible to introduce an option like for the JS1 control ?

Thanks

Stefano

[Prem Kumar Madhan Raj]

Hi Stefano, 

Thanks for the update. 

Yes, we have considered to provide allowEdit support for DatePicker component with our upcoming Volume 2 2018 SP1 release to be rolled out by the end of this month. Please be patience until then. 

Regards, 

Prem Kumar M