当前位置: 首页 > 知识库问答 >
问题:

KendoUI网格:自定义编辑表单,日期选择器返回错误格式

东门胤
2023-03-14

我被卡住了使用KendoUI网格。到目前为止,该设置按预期工作。我创建了一个有5个条目的自定义数据源,所有条目都包含标题、描述和值。值可以不同,它们可以是:布尔值、数字值、文本值、日期值或时间值。

使用自定义KendoTemboard的编辑弹出窗口,我可以得到弹出窗口显示正确的字段类型根据值是什么:

<!-- Datefield -->
#if($.isNumeric(value) == false && value.match(/^\d{2}([.\/-])\d{2}\1\d{4}$/)) {#
<li>
    <label>Waarde</label>
    <input id="datepicker" data-bind="value:value" style="width: 40%;" />
</li> 
#} else if($.isNumeric(value) == false && value.match('([01]?[0-9]|2[0-3]):[0-5][0-9]')) {#
<li>
    <label>Waarde</label>
    <input id="timepicker" data-bind="value:value" style="width: 40%;" />
</li> 
<!-- Yes/No Radio button if value is J(=Yes) or N(=No) -->    
#} else if (value == "J" || value == "N") {#
<li>
    <label>Waarde</label>
    <input type="radio" name="value" data-bind="checked:value" value="J" /> Ja
    <input type="radio" name="value" data-bind="checked:value" value="N" /> Nee
</li>                   
<!-- If the value is Numeric then show a numeric textbox -->
#} else if($.isNumeric(value)) {#                                           
<li>
    <label>Waarde</label>
    <input type="text" data-bind="value:value" data-role="numerictextbox" style="width:50%;" />
</li>                   
<!-- Else: textfield for the value -->
#}else {#                                           
<li>
    <label>Waarde</label>
    <input type="text" data-bind="value:value" class="k-textbox" />
</li>  
#}#         

到目前为止,一切都很好,一切正常。日期选择器

if($('#datepicker').length > 0) {
    console.log('datefield');
    $("#datepicker").kendoDatePicker({
        format: "dd-MM-yyyy",
        parseFormats: ["dd-MM-yyyy"]    
    }); 
}
if($('#timepicker').length > 0) {
    console.log('timefield');
    $("#timepicker").kendoTimePicker({
        timeFormat: "HH:mm" 
    }); 
}

但是(!)有一件事出错了。与我尝试的不同,编辑表单发布的返回值不包含日期,如19-11-2013,而是包含日期,如19-11-2013T00:00:00.000Z。至少脚本的基础工作正常,但由于这种格式,编辑后该字段被识别为“时间”,而不是“日期”:我只需要dd-mm-yyy通知和HH:ii时间。

我搜索了肯多论坛,谷歌

//编辑:稍加补充,使问题更清楚(我希望):

  1. 创作肯多格里德作品

共有1个答案

庄经国
2023-03-14

剑道UI将日期存储为JavaScriptDate对象,因此它总是以它的形式存储(无论如何显示或输入)。

要么在服务器上接受这种格式,要么在DataSource.transport创建更新函数中将其转换为dd-mm-YYYY

您可以在transport.create.datatransport.update.datatransport.parameterMap中实现函数。

 类似资料:
  • 我已经创建了一个自定义单元编辑器,它附加到我的一个JTable列上。编辑器有一个JComboBox或一个JTextField作为组件。但是,当我手动编辑组合框的值并按下“tab”键时,新的(最近的)值不会附加到JTable单元格。相反,旧值被替换。(我已经用另一个代码模板实现了“tab”行为,但这通常是有效的,因为所有其他表格单元格都已正确更新) 导致问题的组合框设置在“案例C”中。如果用户现在选

  • 目标:使用响应数据网格自定义编辑器启用语义日历日期选择器的键盘导航 构建演示:日期选择器的第三列https://codesandbox.io/embed/8l4jkor19 当前行为: 双击日期单元格,弹出日历 按键盘箭头键,所选单元格已更改,日历将消失 通缉行为: 双击日期单元格弹出日历 按在日历日期导航的键盘箭头键,然后按回车键选择 官方示例:第一个输入单元https://arfedulov.

  • 本文向大家介绍iOS自定义日期选择器,包括了iOS自定义日期选择器的使用技巧和注意事项,需要的朋友参考一下 前言 封装了一个日期选择器,解决两个问题: 1、点击textField,键盘弹出和日期选择器弹出的逻辑处理; 2、同一个界面需要多次用到日期选择器时,判断点击的textField; 一、封装日期选择器类YCDatePickerView 1、新建一个类,基于UIView,取名YCDatePic

  • 我有一个简单的网格,当使用JQuery单击编辑按钮时,我在收集个人ID时遇到了很多麻烦。我需要个人ID,因为我要添加一个文件上传到内联编辑列,我想上传一个文件,并将其与个人ID相关联。所有帮助欢迎:)

  • 我正在研究带有注释的Spring MVC。我还没有注册任何自定义日期编辑 在我的类中,我有一个类型为java.lang.Date的属性 我读到的是customDateEditor默认不注册。但是当我提交带有空白日期的表单时,它抛出了illegalArgumentException 如果我输入日期然后提交它不抛出异常 在那之后,我将绑定结果作为参数添加到控制器方法,现在它正在接受空白值 我没有向控制

  • 我创建了一个带有自定义表格呈现和自定义单元格编辑器的JTable,它在图像中给出结果 我使用一个扩展JPanel的单独类创建了第一个表格单元格中显示的面板。并将表值添加为, 这是我的表格自定义类来创建这个表格, 我的问题是认为面板如我预期的那样显示,我不能在文本字段中键入或更改复选框或单击按钮。请告诉我如何解决这个问题。