Calendar
検証
機能
サンプル
この Calendar コントロールを使用して日付を選択します。 週末は選択できませんのでご注意ください。
説明
このサンプルでは、item-validator 属性に、日付が選択の対象になるかどうかを決定する関数を設定する方法を示します。
ソース
ValidationController.cs
using Microsoft.AspNetCore.Mvc;
namespace MvcExplorer.Controllers
{
public partial class CalendarController : Controller
{
public ActionResult Validation()
{
return View();
}
}
}
Validation.cshtml
@{
var today = DateTime.Now.Date;
var minDate = new DateTime(today.Year, 1, 1);
var maxDate = new DateTime(today.Year, 12, 31);
}
@section Scripts{
<script>
function itemValidator(date) {
var weekday = date.getDay();
return weekday != 0 && weekday != 6;
}
</script>
}
<div>
<P>@Html.Raw(CalendarRes.Validation_Text0)</P>
<c1-calendar value="@today" min="@minDate" max="@maxDate" item-validator="itemValidator" width="300px">
</c1-calendar>
</div>
@section Description{
@Html.Raw(CalendarRes.Validation_Text1)
}
マニュアル