MVC：如何从日期选择器中移除焦点？答案

【问题标题】：MVC: How do you remove focus from a datepicker?MVC：如何从日期选择器中移除焦点？
【发布时间】：2011-11-09 07:29:18
【问题描述】：

我有这个编辑器模板，以便为日期输入设置一个日期选择器。见

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime?>" %>
<%:Html.TextBox("", (Model.HasValue ? Model.Value.ToLongDateString() : string.Empty), 
    new { @class = "datePicker" })%>

当我加载带有日期输入字段的页面时，我会自动调用日期选择器。我宁愿等到用户点击字段或按钮。

我想使用与此编辑器模板关联的 JQuery Blur 命令来阻止这种情况发生。但是这样是对的吗，可以那样做吗，还是有更好的方法？

【问题讨论】：

如何将日期选择器附加到文本字段？默认情况下，jQuery 不应该在页面加载时显示日历。
这个SO 问题可能会帮助你stackoverflow.com/q/1112035/413670
我以标准方式将编辑器模板与 HTML.EditorFor 命令相关联。
@arame3333：但是你的 JavaScript 是什么样的？我们希望看到更多代码。
@3nigma - 我试过但它不起作用。

标签： jquery asp.net-mvc

【解决方案1】：

如果您不希望在单击某些内容之前显示日历，那么您可以尝试showOn 选项，可能类似于：

$(document).ready(function () {
    $(".datepicker").datepicker({
        showOn: "button",
        buttonImage: "/images/calendar.gif",
        buttonImageOnly: true,
        buttonText: 'Calendar'
    });
})

【讨论】：