BzDatePicker

انتخاب تاریخ

تقویم شمسی و میلادی، و انتخاب بازه.

تاریخ شمسی و میلادی

تنها تفاوت این دو، مقدار Calendar است.

انتخاب تاریخ
انتخاب تاریخ

jalali= | greg=

پارامتر توضیح
CalendarBzCalendarType.Jalali یا Gregorian
Clearableدکمه ی پاک کردن مقدار
Rangeحالت انتخاب بازه
AllowUntilFurtherNoticeاجازه ی بازه ی بدون پایان
razor
@using BzCore.Components.DatePicker
@using BzCore.Enums

<BzDatePicker @bind-Value="_jalali" Label="تاریخ شمسی"
              Calendar="BzCalendarType.Jalali" Clearable />

<BzDatePicker @bind-Value="_greg" Label="تاریخ میلادی"
              Calendar="BzCalendarType.Gregorian" Clearable />

<p>jalali=@_jalali?.ToString("yyyy/MM/dd") | greg=@_greg?.ToString("yyyy-MM-dd")</p>

@code {
    private DateTime? _jalali;
    private DateTime? _greg;
}
بازه ی تاریخ

با Range فعال، دو مقدار شروع و پایان میگیره. با AllowUntilFurtherNotice بازه میتونه باز بماند.

انتخاب تاریخ

from= | to=

razor
@using BzCore.Components.DatePicker
@using BzCore.Enums

<BzDatePicker @bind-Value="_rangeStart"
              @bind-EndValue="_rangeEnd"
              @bind-IsOpenEnded="_openEnded"
              Calendar="BzCalendarType.Jalali"
              Range
              AllowUntilFurtherNotice
              Label="بازه ی قرارداد" />

<p>from=@_rangeStart?.ToString("yyyy/MM/dd") | to=@(_openEnded ? "…" : _rangeEnd?.ToString("yyyy/MM/dd"))</p>

@code {
    private DateTime? _rangeStart;
    private DateTime? _rangeEnd;
    private bool _openEnded;
}