0

可能重复：
带有不允许用户输入的文本输入的 JQuery Datepicker

我正在使用 mvc3 开发网站。我为 DateTime 字段创建了编辑器模板，并使用 jquery ui 来选择日期。现在我不希望用户输入日期字段的文本框，用户应该只使用 jquery ui 选择它。有可能吗？如果可能的话怎么做？

4

2 回答 2

1

在您的编辑器模板中添加以下内容：

在此处输入图像描述

@model System.DateTime?
@Html.TextBox("", (Model.HasValue ? Model.Value.ToString("dd.MM.yyyy"): string.Empty), new { @class = "date-pick" })

<script type="text/javascript">
    $(function () {
        $(".date-pick").attr("readonly", "true");    
        $('.date-pick').datepicker({
            dateFormat: "dd.mm.yy",
            yearRange: "-162:+0",
            showWeek: true,
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            changeButtonPanel: true,
            buttonImageOnly: true,
            showOn: "button",
            buttonImage: '@Url.Content("~/Content/images/calendar_32.png")'
        });               
    });  
</script>

请注意，我还指定了自定义日期格式。

于 2012-09-03T12:02:53.077 回答
0

让它只读？

@Html.TextBoxFor(model => model.PostedDate, new { @readonly = "readonly" })
于 2012-09-03T11:59:40.380 回答