我有一个应用程序，用户习惯于使用特定格式的日期，例如以下格式（[] 表示文本框）：
[Month] [Day] [Year] [Time] [AM/PM]
每个组件都是一个单独的文本框，所以我想做的是为此使用 Kendo UI DateTimePicker，并通过 JavaScript 在选择上设置我的自定义文本框的值。我对那部分没意见，但我不知道如何通过 API 隐藏视图中的输入文本框，以便我只能看到日期和时间按钮。
有人知道怎么做吗？
【问题讨论】：
标签： asp.net asp.net-mvc kendo-ui kendo-datetimepicker kendo-datepicker
隐藏它的一种可能方法是将其放在一个空 div 下，其宽度、高度为 0px 并设置溢出；“隐藏”
还有单独的按钮和 onclick 以编程方式打开日期选择器。
<div style="width:0px; height:0px; overflow:hidden;">put datepicker control here</div>
【讨论】：
如果您允许用户从 KendoUI DateTimePicker 中选择日期，请尝试将格式定义为 "MMM dd yy HH tt"：
$("#datepicker").kendoDateTimePicker({
format: "MMM dd yy HH tt"
});
这将使用您想要的格式格式化所选日期。
为了禁止用户输入，你应该这样做：
$("#datepicker").kendoDateTimePicker({
format: "MMM dd yyyy HH tt"
});
$("#datepicker").attr("disabled", "disabled");
这不同于：
$("#datepicker").kendoDateTimePicker({
format: "MMM dd yyyy HH tt"
});
$("#datepicker").data("kendoDateTimePicker").enable(false);
因为这也禁止使用按钮。
【讨论】：
使用类 'k-widget k-datepicker k-header' 将 span 的宽度设置为 0。
已编辑。这是我的方法，它正在发挥作用。
@(Html.Kendo().DatePickerFor(x => Model.Date)
.Name("date").HtmlAttributes(new { style = "width:0px;" })
.Events(e => e.Change("onChange")))
【讨论】：