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

Posted 2023-05-07

【中文标题】MVC：如何从日期选择器中移除焦点？

【英文标题】：MVC: How do you remove focus from a datepicker?

【发布时间】：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 问题可能会帮助你***.com/q/1112035/413670

我以标准方式将编辑器模板与 HTML.EditorFor 命令相关联。

@arame3333：但是你的 javascript 是什么样的？我们希望看到更多代码。

@3nigma - 我试过 但它不起作用。

【参考方案1】：

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

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