Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
148455 | Oct 21,2019 06:31 AM UTC | Oct 23,2019 07:02 AM UTC | Blazor | 3 |
![]() |
Tags: DateRangePicker |
<EjsDateRangePicker Placeholder="Choose a Range" StartDate="@CheckIn" EndDate="@CheckOut" ValueChanged="@onDateChange"></EjsDateRangePicker>
private void onDateChange(RangeEventArgs args)
{
CheckIn = args.StartDate;
CheckOut = args.EndDate;
StateHasChanged();
}
<EjsDateRangePicker ID="date-range">
<DateRangePickerEvents ValueChange="@valueChange"></DateRangePickerEvents>
</EjsDateRangePicker>
@code {
public void valueChange(Syncfusion.EJ2.Blazor.Calendars.RangeEventArgs args)
{
this.Data.Add(new PlaylistItemModel() { Title = "Change Eventtriggered" });
this.StateHasChanged();
}
} |
@using Syncfusion.EJ2.Blazor.Calendars
<p>DateRangePicker StarteDate and EndDate is: <strong> @StartValue </strong> and <strong> @EndValue </strong></p>
<EjsDateRangePicker StartDate="@StartValue" EndDate="@EndValue" ValueChange="@onChange"></EjsDateRangePicker>
@code {
public DateTime StartValue { get; set; } = DateTime.Now;
public DateTime EndValue { get; set; } = DateTime.Now;
private void onChange(RangeEventArgs args)
{
StartValue = args.StartDate;
EndValue = args.EndDate;
StateHasChanged();
}
}
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.
This page will automatically be redirected to the sign-in page in 10 seconds.