在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>

例子

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" })