ant-design-vue前端UI庫,如何解決Table中時間格式化問題
更新時間：2024年03月18日 14:28:54 作者：南獨酌酒nvn
這篇文章主要介紹了ant-design-vue前端UI庫,如何解決Table中時間格式化問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Vue+Antd時Table組件時間格式化問題
修改前日期格式
修改后效果
1. script 標簽中引入 moment
框架自帶，直接引入即可
import moment from 'moment'
2. Antd 的 table 表格 columns 表格設置
{
title: '時間',
align: 'center',
dataIndex: 'createTime',
render: (val) => {
return val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : ''
}
}
3. 修改完后重新刷新頁面即可看到最新的結(jié)果
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue-virtual-scroll-list虛擬組件實現(xiàn)思路詳解
這篇文章主要給大家介紹了關于vue-virtual-scroll-list虛擬組件實現(xiàn)思路的相關資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2023-02-02
Vue組件間通信方法總結(jié)（父子組件、兄弟組件及祖先后代組件間）
這篇文章主要給大家介紹了關于Vue組件間通信的相關資料，其中包括父子組件、兄弟組件及祖先后代組件間的通信，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-04-04
大家都知道當使用時才裝入需要的組件，可以有效的提高首次裝入頁面的速度。比如在路由切換時，下面這篇文章主要給大家介紹了關于如何實現(xiàn)一個簡單的Vue異步組件的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下。2017-12-12
本文通過實例代碼給大家介紹了在vue中使用echarts圖表的方法，需要注意的事項文中給大家提到,需要的朋友可以參考下2018-10-10
詳解ElementUI之表單驗證、數(shù)據(jù)綁定、路由跳轉(zhuǎn)
本篇文章主要介紹了ElementUI之表單驗證、數(shù)據(jù)綁定、路由跳轉(zhuǎn)，非常具有實用價值，需要的朋友可以參考下2017-06-06
這篇文章主要介紹了vue增加強緩存和版本號的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
渲染器用于完成渲染操作,比如在瀏覽器平臺上渲染器可以將虛擬DOM轉(zhuǎn)換為真實DOM,本文將通過一個簡單例子來帶大家理解Vue中渲染器的工作過程,并通過代碼示例講解的非常詳細,需要的朋友可以參考下2024-05-05
淺談vue中關于checkbox數(shù)據(jù)綁定v-model指令的個人理解
這篇文章主要介紹了淺談vue中關于checkbox數(shù)據(jù)綁定v-model指令的個人理解,v-model用于表單的數(shù)據(jù)綁定很常見，下面就來詳細的介紹一下2018-11-11
Vue2?Element?description組件列合并詳解
在使用Vue的時候經(jīng)常會涉及到表格的列合并,下面這篇文章主要給大家介紹了給大家Vue2?Element?description組件列合并的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-01-01
在 Vue 3 中,一個重要的特性是 watch 選項,它允許開發(fā)者對數(shù)據(jù)變化進行觀察,本篇博客將詳細介紹如何在 Vue 3 中使用 watch 進行深度觀察,特別是在使用 setup 語法糖時,需要的朋友可以參考下2024-11-11