Использование JQuery DatePicker с ASP.NET MVC ViewModel

Question

Я пытался использовать JQuery datepicker (календарь) в моем представлении asp.bet mvc. Все работало нормально, пока мне не пришлось использовать ViewModel: так как я предпочел использовать жестко закодированный объектный граф (т.е. <input name="viewmodel.Meeting.Date"...) вместо использования связывателя модели, я застрял в скрипте, который не работает Скрипт JQuery не допускает точек в вашем скрипте - $(#viewmodel.Meeting.Date) ...

Есть идеи?

Answer 1

Да, как сказал Дэн Эллиотт, используйте класс:

<%= Html.TextBox("#viewModel.Meeting.Date",value,new { @Class='someClassHere'}) %>

Я бы переосмыслил способ, которым вы делаете это, хотя это грязный идентификатор, и я не уверен, как это будет работать, когда / если вы попытаетесь опубликовать форму, так как связыватель модели попытается найти ключ для нее (я думаю, ).

Answer 2

Вот пример реализации, которую я использую ...

// In my view's javascript (JQuery)
$(function() {
        $('input').filter('.datePicker').datepicker({ showOn: 'button', buttonImage: '../../Content/Images/calendar.png', buttonImageOnly: true });
    });

// In my view...
<%= Html.TextBox("AppraisalDate", null, new { @class="datePicker" })%>

Теперь любое текстовое поле, в котором я использую класс "dataPicker", будет иметь его ...

Answer 3

@ RailRhoad - Большое спасибо за этот кусок кода! Это именно то, что я искал! Это также заставило меня осознать, что мне нужно было исключить все точки из атрибута входного идентификатора, что вы пытались мне сказать, но я не понял. Глядя на исходный код моей страницы, я увидел, что метод Html.TextBox отрисовал вход с идентификатором, похожим на имя, только точки, которые были заменены подчеркиванием.

@ Damien- Я думал, что к классу мне нужно добавить класс css: p

Спасибо за все!

Answer 4

Вместо использования id в качестве селектора вы можете добавить class, уникальный для вашего указателя даты, который можно использовать в качестве селектора?