Kendo Angular 2 网格日期时间格式

2023-11-25

有谁知道如何在网格中正确格式化日期时间? (是否支持此数据类型?)。

无论我在列的“过滤器”属性中输入什么,我的日期似乎都没有被解析。

我看到显示的值:/日期(1480643052457)/

非常感谢任何帮助或建议!

- - 更新 - -

就像我最终所做的快速更新一样:我只是创建了第二个字符串列并返回了一个格式化的日期字符串(我在检索时格式化)。然后,当我排序时,我只需确保使用实际的日期时间列,而不是显示列,以便正确排序。这很适合我的需要。我认为最初当我开始使用 Angular 2 网格时,我期望网格之外有更多的客户端功能(在排序等方面),但一旦正确绑定到后端 api 源,它就不再需要那么多了。


我在模板列中使用日期管道解决了同样的问题。确保检查空值。

<kendo-grid-column title="Last Login" width="100">
    <ng-template kendoGridCellTemplate let-dataItem>
        <div *ngIf="dataItem.lastLoginDate!=null">{{ formatDate(dataItem.lastLoginDate) | date:"shortDate" }}</div>
    </ng-template>
</kendo-grid-column>

component.ts 中的函数提取日期字符串的可用部分并将其转换为 JS 日期,以便日期管道可以使用它。

formatDate(myStringDate) {
    return new Date(parseInt(myStringDate.substr(6)));
}

我使用了shortDate格式,但您可以在这里找到更多格式选项,包括时间格式:Angular 2 日期管道格式化程序

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Kendo Angular 2 网格日期时间格式 的相关文章

随机推荐

  • pandas:如何根据所有列的总和选择行?

    如何根据 pandas 中的列总和选择行 假设我想选择列总和大于 0 的所有行 Use sum并设置axis 1 param In 59 df pd DataFrame a randn 10 b randn 10 c randn 10 df
  • FB.XFBML.parse() 对单个元素不执行任何操作

    我有一个大页面 底部有一个 加载更多 按钮 每次点击 加载更多 都会通过 AJAX 加载更多内容 该内容的一部分是类似 Facebook 的按钮 div class fb like div 加载附加内容后 我可以要求 Facebook 重新
  • 避免碰撞检测的 O(n^2) 复杂度

    我正在开发一个简单的基于图块的 2D 游戏 我有一个关卡 其中填充了可以与图块以及彼此交互的对象 检查与图块地图的碰撞相当容易 并且可以对具有线性复杂度的所有对象完成 但现在我必须检测对象之间的碰撞 现在我必须对照每个其他对象检查每个对象
  • android 模拟器从 emulator-5554 重命名为唯一字符串

    所以当启动模拟器时 adb devices 给我 emulator 5554 设备 一切花花公子直到这里 我的设想是创建一个模拟器农场 在多个设备上生成多个模拟器 为了唯一区分机器 A 上运行的 emulator 5554 和机器 B 上运
  • 检查奇数/偶数并更改数字大小的输出

    我有几个问题需要解决作业 并且有点卡住了 问题是编写一个程序 让用户输入一个奇数 检查它是奇数 然后根据输入的大小打印一个颠倒的星星金字塔 例如 如果您输入 5 则会出现 因此 我的问题有两个方面 1 如何检查它是偶数还是奇数 我试过if
  • Spring Boot Gradle Tomcat 8

    Spring Boot 参考指南提供了通过在 Maven 中设置自定义属性来升级到 Tomcat 8 的说明
  • 如果至少一个源不可用,则无法安装任何 NuGet 包

    以下问题在VS2013 Premium 中不存在 我只能在VS2015 Enterprise 中重现 我添加了自定义 NuGet 包源 如果该源不可用我无法安装any包 例如 EntityFramework 我收到一条消息 尝试收集包的依赖
  • PyTorch安装失败找不到满足要求的版本

    我正在尝试安装PyTorch在 Windows 10 专业版 64 位操作系统 PC 机上使用 PyCharm Community Edition 2020 2 3 x64 和 Python 3 9 0 我试过了 pip install t
  • 在Go中模拟tcp连接

    在 Go 中 TCP 连接 net Conn 是 io ReadWriteCloser 我想通过模拟 TCP 连接来测试我的网络代码 我有两个要求 要读取的数据存储在字符串中 每当写入数据时 我希望将其存储在某种稍后可以访问的缓冲区中 是否
  • Visual Studio Designer 可以显示继承泛型类型的类吗?

    我正在尝试清除解决方案中的所有设计器错误 但遇到了以下错误 无法显示此文件的设计器 因为无法设计其中的任何类 设计者检查了文件中的以下类 DoubleAttributeTextBoxBase 无法加载基类 NumericAttributeT
  • 如何显示 ANTLR 树 GUI

    如果您有这样的代码 无论是控制台还是 Swing 如何显示 AST GUI 我的 ANTLR 是版本 3 CharStream stream new ANTLRStringStream program XLSample1 n constan
  • 升级到 Mac OS 10.15 (Catalina) 后 MongoDB 找不到数据目录

    我今天更新到了 MacOS 10 15 Catalina 当我跑步时mongod在终端中找不到 data db目录 Users william gt mongod 2019 10 08T17 02 44 183 0800 I CONTROL
  • 为什么嵌入框阴影不适用于图像?

    我有一个使用插入框阴影的容器 容器包含图像和文本 嵌入阴影显然不适用于图像 这里的白色部分是容器 它包含一个白色图像 并且应用了嵌入框阴影 body background color 000000 main position absolut
  • Lua - 打包 IEEE754 单精度浮点数

    我想用纯Lua创建一个函数来生成一个fraction 23位 一个exponent 8位 和一个sign 1 位 来自一个数字 因此该数字约等于math ldexp fraction exponent 127 sign 1 and 1 or
  • 如何从命令行创建一个空的变更列表

    我正在尝试使用以下命令从命令行创建一个空的更改列表p4 change i但似乎这个命令什么也没做 我没有收到任何错误 成功消息 命令行只是不返回任何内容 我必须用 ctrl c 杀死它 我的 p4 客户端可以工作 我能够看到我的所有信息并正
  • 确定复制到剪贴板的文件是否是图像

    用户右键单击文件 例如在桌面上 并单击 复制 现在如何在 C 中确定复制到剪贴板的文件是否是图像类型 Clipboard ContainsImage 在这种情况下不起作用 下面判断是否将图像直接复制到剪贴板 而不是文件是否复制到剪贴板 ID
  • 使用 OAuth2 保护 Flask-Restful API

    好的 我使用 Flask Restful 编写了一个 API 现在我想实现 OAuth2 授权 我试过了pyoauth2 但它没有记录 并且tutorial相当复杂 所以 我的问题是 我该怎么做 按照flask oauthlib 指南进行基
  • 如何在后台运行Android应用程序?

    此代码将在系统启动后自动运行应用程序 但按后退按钮后应用程序将关闭 如果单击应用程序的图标可以正常运行该应用程序 即使按后退按钮或运行其他应用程序后 它也会持续运行 public class AutoBoot extends Broadca
  • 使用 JSTL 为 JSP 下拉列表选择值

    我在 Servlet 中有 SortedMap 来填充 JSP 中的下拉值 并且我有以下代码 SortedMap
  • Kendo Angular 2 网格日期时间格式

    有谁知道如何在网格中正确格式化日期时间 是否支持此数据类型 无论我在列的 过滤器 属性中输入什么 我的日期似乎都没有被解析 我看到显示的值 日期 1480643052457 非常感谢任何帮助或建议 更新 就像我最终所做的快速更新一样 我只是