javascript - 如何格式化Vuetify数据表日期列?
问题描述
我有一个使用Vuetify数据表的简单数据表。其中一列是createdOn
(日期时间),我想格式化它。我该怎么做 ?
这就是我现在得到的:
<template>
<v-layout>
<v-data-table :headers="headers" :items="logs">
</v-data-table>
<v-layout>
</template>
<script>
headers: [
{ text: "Time", value: "createdOn", dataType: "Date" },
{ text: "Event Source", value: "eventSourceName" },
{ text: "Event Details", value: "eventDetails" },
{ text: "User", value: "user" }
],
items: [],
</script>
解决方案
您应该使用custom row cell
:
<v-data-table :headers="headers" :items="logs">
<template v-slot:item.createdOn="{ item }">
<span>{{ new Date(item.createdOn).toLocaleString() }}</span>
</template>
</v-data-table>
推荐阅读
- python-3.x - 为什么在使用 STOMP 在 Python ActiveMQ 侦听器中调用订阅后使用睡眠方法
- laravel - 如何从模型绑定显示方法中检索特定列数据?
- video - Fffmpeg drawtext过滤器创建大输出文件并占用高CPU?
- axapta - D365 FO 发布自定义创建的工作区
- python - 禁止直接分配到多对多集合的前端
- javascript - 在 React 日历上显示多个日期
- java - 如何使用 Scanner 读取包含空格的字符串输入并用 Java 打印出来?
- javascript - ES6 将整个对象解构为 this
- javascript - 我如何才能获得一个新的json,只有原始值的唯一值
- azure - 如何使用客户端应用程序获取的令牌对 Web API 进行身份验证以调用 Graph API