Anouar2002 Ответов: 2

Как я делаю datapicker в ASP MVC


Привет,
Я использую ASP MVC и хочу добавить Отмечать Плагин Jquery для моего поля даты, но он не работает.
Хотя я установил плагин и добавил в BundleConfig.

Это поля HTML :

@{
    var fromDate = ViewBag.fromDate as DateTime?;
    var toDate = ViewBag.toDate as DateTime?;
}

@using (Html.BeginForm("FiltredDate", "Home", FormMethod.Get))
{
    <div>From Date: @Html.TextBox("fromDate", fromDate == null ? "" : string.Format("{0:dd MMM yyy}", fromDate.Value), new { @class = "DatePicker" })</div>
    <div>To Date: @Html.TextBox("toDate", toDate == null ? "" : string.Format("{0:dd MMM yyy}", toDate.Value), new { @class = "DatePicker" })</div>
    <input type="submit" value="Search" />
}


и это сценарий :
@section Scripts {

    @Scripts.Render("~/bundles/jqueryui")
    @Styles.Render("~/Content/cssjqryUi")

    <script type="text/javascript">

     $(document).ready(function () {
         $('input[type=datetime]').datepicker({
             dateFormat: "dd/M/yy",
             changeMonth: true,
             changeYear: true,
             yearRange: "-60:+0"
         });

     });
    </script>

}


Что я уже пробовал:

Я перепробовал слишком много сценариев, но не получил решения, хотя другой Datapicker отлично работает в моем проекте

2 Ответов

Рейтинг:
1

Anouar2002

поэтому я нашел решение, я должен прикрепить jQuery datepicker, так как по умолчанию будет такой элемент управления datepicker :

<div>From Date: @Html.TextBox("fromDate", fromDate == null ? "" : string.Format("{0:dd MMM yyy}", fromDate.Value), new { @class = "DatePicker", @type = "date" })</div>


Рейтинг:
0

F-ES Sitecore

$('input[type=datetime]').datepicker({


это поиск входных данных с атрибутом типа datetime, но ваши текстовые поля не имеют этого атрибута. Либо используйте класс, который вы добавляете

$('input.DatePicker').datepicker({


или измените разметку, чтобы добавить атрибут type

<div>From Date: @Html.TextBox("fromDate", fromDate == null ? "" : string.Format("{0:dd MMM yyy}", fromDate.Value), new { @class = "DatePicker", type="datetime" })</div>


Anouar2002

Спасибо, что ответили мне, я попробовал эти два предложения, но безуспешно

F-ES Sitecore

Вам просто нужно будет использовать методы отладки, чтобы найти, в чем заключается проблема.

Anouar2002

Хорошо спасибо я постараюсь