jquery - 将 JQuery datepicker 与 ASP.NET MVC ViewModel 一起使用

Question

我一直在尝试在我的 asp.bet mvc 视图中使用 JQuery datepicker（日历）。一切正常，直到我不得不使用 ViewModel：因为我更喜欢使用硬编码的对象图（即<input name="viewmodel.Meeting.Date"...）而不是使用模型绑定器，所以我被一个不起作用的脚本困住了——显然 JQuery 脚本没有'不允许在你的脚本中出现点 - $(#viewmodel.Meeting.Date)...

有任何想法吗？

Answer 1

这是我使用的示例实现...

// 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 2

是的，正如 Dan Elliott 所说，使用一个类：

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

我会重新考虑你这样做的方式，它是一个混乱的 ID，我不确定当/如果你尝试发布表单时它会如何工作，因为模型绑定器会尝试为它找到密钥（我认为）。

Answer 3

除了id用作您的选择器，您还可以向您的日期选择器添加一个class可以用作您的选择器的唯一值吗？

Answer 4

@RailRhoad - 非常感谢那段代码！这正是我一直在寻找的！这也让我意识到我需要从输入 id 属性中删除所有点，您尝试告诉我但我并没有真正得到。查看我的页面的源代码，我看到 Html.TextBox 方法呈现了一个输入，其 id 类似于名称，只有点被下划线替换。

@Damien-我认为按类我需要添加一个 css 类：p

谢谢大家！