Css 在剑道网格中使用属性格式化字符串

Css 在剑道网格中使用属性格式化字符串,css,kendo-ui,string-formatting,Css,Kendo Ui,String Formatting,我想知道是否有可能格式化字符串,在这种情况下,使用属性{}设置字段OrderDate中显示的字符串的格式。我不知道该如何称呼它。标签?财产 注意:这是在kendogrid中,它从远程服务器获取JSON数据 注2:属性:{style:text align:center;}工作正常 field : "OrderDate", title : "Orderdatum", attributes:{style:"text-align:center;"},

我想知道是否有可能格式化字符串,在这种情况下,使用属性{}设置字段OrderDate中显示的字符串的格式。我不知道该如何称呼它。标签?财产

注意:这是在kendogrid中,它从远程服务器获取JSON数据

注2:属性:{style:text align:center;}工作正常

        field : "OrderDate",
        title : "Orderdatum",
        attributes:{style:"text-align:center;"},
        width : 170,
如果还有什么我需要提供给你的,一定要说出来

提前谢谢大家!如果这看起来像我没有搜索过什么的话,那么我可以向你保证我已经搜索过了

我想这可能有助于人们了解它的外观。在本例中,我希望实现的是,如果数据为3-3-2009,则显示为03-03-2009的选定单元格/行。是否可以使用属性来实现它

再次感谢你

编辑2: 告诉我在CSS3中不可能执行此操作。所以我现在的猜测是,我不小心创造了一个重复的问题。因此,让我重新表述我的问题:我如何格式化字符串,不一定使用属性,所以它看起来就像我解释的那样,我希望它看起来像什么

编辑3: 我应该包括这个。 正如你所看到的,我得到的是一个字符串,而不是一个数字


再次感谢您抽出时间阅读我的问题。

我们可以结合以下剑道UI文档中描述的功能,在数据绑定事件期间重新格式化日期:

[更新] 下面是一些传达这一想法的通用代码:

<div id="grid"></div>
<script>
    $("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  dataBound: function(e) {
    console.log("put your Date conversion logic here in the dataBound event");
  }
});

在这种情况下,您无法使用CSS3格式化字符串,就像完全不可能

因此,在将JSON对象传递到网格中显示之前,您需要在加载JSON对象后对其进行格式化

格式化数据此链接使您了解如何格式化数据源

格式化日期此链接提供有关如何格式化日期的想法

如果你对日期的剑道格式不满意是的,我讨厌它,你可以使用sweet momentJS

顺便说一句,编辑


这是一种使用模板属性进行格式化的更快更干净的方法

重新格式化HTML元素的值不是通过HTML元素的属性来完成的。我发布了一个解决方案作为答案。谢谢你的帮助,但根本没有帮助。一是因为我完全不知道如何格式化JSON数据,而不是在阅读了您包含的链接之后,因为第一个用于数字,第二个用于日期,而我有一个字符串。第二,我不希望使用模板,因为这将需要我完全重建网站,这不是很有趣。但还是要感谢你的回答,因为我确实学到了更多关于数字和日期格式的知识,而且我已经在其他部分使用了!
<div id="grid"></div>
<script>
    $("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30 },
    { name: "John Doe", age: 33 }
  ],
  dataBound: function(e) {
    console.log("put your Date conversion logic here in the dataBound event");
  }
});