کد زیر رو در نظر بگیرین :
<div>
@Html.LabelFor(model => model.StartDate)
<div>
@Html.TextBoxFor(model => model.StartDate,
new { Value = Model.StartDate.ToShortDateString(),
@class = "datefield",
@readonly = "readonly" })
</div>
</div>در قسمت بالا ما دو کار انجام دادیم:
1-اینکه کلاس datefield رو اضافه کردیم که برای لود شدن تقویم jquery از اون استفاده میکنیم
2- ویژه گی readonly رو اضافه کردیم که بصورت اختیاری است، برای اینکه textbox رو فقط خواندی نمایش داده شود و امکان تغییر تاریخ فقط از طریق تثویم امکان پذیر باشد.
در ادامه کد جاوا اسکریپتی زیر رو بعد از لود صفحه قرار میدهیم که به textbox ی که در بالا توضیح دادیم منتسب میشود و باعث نمایش تقویم خواهد شد.
$(document).ready(function () {
$(".datefield").datepicker();
});این تمام کاری بود که نیاز به انجام دادن اون داشتیم.
در قسمت های بعد نحوه شمسی کردن تقویم رو قرار میدیم.
امیدواریم که استفاده کرده باشید
موفق باشید.
