在Jquery UI Datepicker上阻止日历

Question

我在 Asp.net MVC 应用程序中使用 Jquery UI Datepicker ，如下所示。

问题

1. 如何阻止或删除日历？ （我不需要它）

2. 仍然我希望该Datepicker上的其他内容。例如日期格式，默认日期等

原因

不允许用户从日历中选择日期。但是需要维护日期格式。

HTML

<td>
     @Html.EditorFor(m => m.CheckIn.DateCheckIn)
</td>

Jquery代码

 $('#CheckIn_DateCheckIn').datepicker({ dateFormat: 'm/d/yy', altFormat: 'yy-m-d',  onSelect: function () { $(this).parents('form:first').submit(); } });

UI

Answer 1

HTML

<input type="text" id="datepicker" />

JQUERY

<script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
    </script>

从jquery代码中删除了#datepicker。这就是它。或者在完整的jquery代码上面删除了

如果您想使用默认日期并从用户

中禁用它，请使用以下代码

<p>Date: <input type="text" value="12/19/2012" id="datepicker" disabled></p>

FIDDLE EXAMPLE

Answer 2

“禁用”日历部分的一种方法是将showOn设置为"button"：

$("#datepicker").datepicker({ showOn: "button" });

然后只需用css隐藏按钮：

.ui-datepicker-trigger { display: none; }​

请参阅http://jsfiddle.net/ukHLT/

---

或者只是设置禁用的html属性：

@Html.TextBoxFor(m => m.CheckIn.DateCheckIn, new { disabled = "disabled" })

Answer 3

我刚跟着 @Mario 说了什么。

现在，我的文字框包含日期格式，也无法选择日期。

@Html.TextBoxFor(m => m.CheckIn.DateCheckIn, new { disabled = "disabled" })