On Change Binding and Disable user entry

Thread ID:	Created:	Updated:	Platform:	Replies:
146616	Aug 10,2019 04:14 PM UTC	Aug 12,2019 11:20 AM UTC	Blazor	1

Subscribe to this post

Tags: DatePicker

Ryan Richards

Asked On August 10, 2019 04:14 PM UTC

Hello,

I connected the OnChange event on the DatePicker but it is not firing. Do you have an example of this. Just need to get a call back when the user selects a new date.

I also want to disable the ability of the user to type in a date. I want to force them to open the datepicker to select a date.

Thanks,

Ryan

Reply | Reply with quote

Berly Christopher [Syncfusion]

Replied On August 12, 2019 11:20 AM UTC

Hi Ryan,

Greetings from Syncfusion support.

We would like to inform you that bind the change event name as “ValueChange” and we suggest you to use our public API “AllowEdit” as “false” to disable typing in the DatePicker input and select the date only from the DatePicker popup as mentioned in the below code example.

[index.razor]

<EjsDatePicker Value="@DateValue" ValueChange="@onChange" AllowEdit="false"></EjsDatePicker>

<p>DatePicker Value is: @DateValue</p>

@code {

public DateTime? DateValue { get; set; } = DateTime.Now;

private void onChange(Syncfusion.EJ2.Blazor.Calendars.ChangedEventArgs args)

{

DateValue = args.Value;

}

Please find the sample from the below link.

Sample Link: https://www.syncfusion.com/downloads/support/forum/146616/ze/DatePicker_Sample_1466161214225745

To know more about DatePicker component, please refer the below documentation link.

UG Link: https://ej2.syncfusion.com/blazor/documentation/datepicker/data-binding/?no-cache=1

Regards,

Berly B.C

Reply | Reply with quote

CONTACT US

On Change Binding and Disable user entry

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US