Kendo DateTimePicker手动输入

时间:2013-06-11 17:24:37

标签: kendo-ui datetimepicker

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

示例代码: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. 如果您从下拉时间中选择时间,则会恢复到当前日期
  3. 任何想法我可能做错了什么?

    我考虑将输入标记为只读/禁用但当然您应该能够允许用户手动输入日期。

1 个答案:

答案 0 :(得分:3)

初始化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已添加,我现在可以手动键入该格式的日期