jquery - 在 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(); } });

用户界面

Answer 1

HTML

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

查询

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