kendo-ui - Kendo DateTimePicker 手动输入

标签 kendo-ui datetimepicker

我希望能够在日期时间选择器中手动输入日期并将其保留到控件中。

示例代码:http://jsfiddle.net/awDA4/39/

<script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>

<div>
<input id="datepicker" style="width:200px" />
</div>

$(document).ready(function() {
 $("#datepicker").kendoDateTimePicker();
});

假设您在控件中手动输入日期,例如“08/08/2013”​​

  1. 如果您随后发布表单,则会发送开始时间 (01/01/0001) 日期
  2. 如果您从时间下拉列表中选择一个时间,它将恢复为当前日期

你知道我可能做错了什么吗?

我考虑过将输入标记为只读/禁用,但你肯定应该能够允许用户手动输入日期。

最佳答案

初始化 DateTimePicker 时我需要包含额外的 parseFormats

$(document).ready(function() {
 $("#datepicker").kendoDateTimePicker({
    parseFormats: ["MMMM yyyy", "HH:mm", "MM/dd/yyyy"] //format also will be added to parseFormats
});

MM/dd/yyyy 已添加,我现在可以手动键入该格式的日期

关于kendo-ui - Kendo DateTimePicker 手动输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17050133/

相关文章:

javascript - 禁用 Kendo 网格日历中的星期几

css - 列中的 Kendo UI 网格输入样式

javascript - Ng 日期时间选择器的值更改不起作用

javascript - 无法在 Trent Richardson 日期时间选择器中显示图标

javascript - 时间选择器出现在模态后面

.net - 如何在 WPF 应用程序中更改 DateTimePicker 的格式(例如 dd/MMM/yyyy)

kendo-ui - 剑道条形图x轴标签重叠

javascript - 编辑网格时,如何按行禁用特定字段?

javascript - 更改 Kendo Grid 列绑定(bind)

vb.net - 如何阻止 DateTimePicker 显示今天的日期