Simple DatePicker
Date:
DatePickerDemo/Index.cshtml
@Html.Awe().DatePickerFor(o => o.Date).Value(new DateTime(2017, 11, 1))
Inline Calendar
Date inline:
DatePickerDemo/Index.cshtml
@Html.Awe().DatePickerFor(o => o.DateInline).InlineCalendar(true, true)
With ChangeMonth and ChangeYear
Date:
DatePickerDemo/Index.cshtml
@(Html.Awe().DatePickerFor(o => o.Date2)
.ChangeMonth()
.ChangeYear())
Min, max, default date, clear button
Date:
DatePickerDemo/Index.cshtml
@(Html.Awe().DatePickerFor(o => o.Date3).NumberOfMonths(3)
.MinDate(DateTime.Now.AddDays(1))
.MaxDate(DateTime.Now.AddMonths(7))
.DefaultDate(DateTime.Now.AddDays(4))
.ClearButton())
Date range
From:
To:
DatePickerDemo/Index.cshtml
<div class="elabel">
From:
</div>
<div class="einput">
@(Html.Awe().DatePickerFor(o => o.DateFrom).NumberOfMonths(2).ChangeMonth().ChangeYear())
</div>
<div class="elabel">
To:
</div>
<div class="einput">
@(Html.Awe().DatePickerFor(o => o.DateTo).NumberOfMonths(2))
</div>
<script>
$(function () {
var from = $('#DateFrom');
var to = $('#DateTo');
from.change(function () {
to.data('o').p.min = from.val();
});
to.change(function () {
from.data('o').p.max = to.val();
});
});
</script>
Right to left
DatePickerDemo/Index.cshtml
<div class="einput" style="direction: rtl;">
@Html.Awe().DatePickerFor(o => o.Date4).ChangeMonth().ChangeYear()
</div>
TimePicker
DatePickerDemo/Index.cshtml
@Html.Awe().TimePicker("tmp1")
Comments