次の日付フィールドでjQueryUI日付ピッカーを使用したい
<div class="editor-field">
@Html.EditorFor(model => model.CalibrationDate)
@Html.ValidationMessageFor(model => model.CalibrationDate)
</div>
必要なスクリプトと次の関数をビューにすでに含めています
<script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
<script src="@Url.Content("~/jquery-ui-1.8.20.js")" type="text/javascript"></script>
<script>
$(document).ready(function () {
$('.date').datepicker({ dateFormat: "dd/mm/yy" }
});
日付クラスを自分に割り当てる必要があるようです
@Html.EditorFor(model => model.CalibrationDate)
その方法を教えていただけますか?またはこの機能を取得するための他のアプローチ?
コメントに基づいて、最終的な作業コードは次のとおりです。
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".date").datepicker();
});
</script>
と体内で
<div class="editor-label">
@Html.LabelFor(model => model.CalibrationDate)
</div>
<div class="editor-field">
@Html.TextBoxFor(m => m.CalibrationDate, new{ Class = "datepicker" })
@Html.ValidationMessageFor(model => model.CalibrationDate)
</div>