鍍金池/ 問答/HTML/ 日期組件el-date-picke數(shù)據(jù)格式問題

日期組件el-date-picke數(shù)據(jù)格式問題

想要將日期格式改成年月日的格式，下面圖中是獲取到的日期數(shù)據(jù)

clipboard.png

安裝了date-fns插件，不知道import有沒有問題

import dateFns from 'date-fns'

把日期數(shù)據(jù)格式了

ApplyDate: this.listQuery.ApplyDate ? dateFns.format(this.listQuery.ApplyDate, 'YYYY-MM-DD') : '',

在表格中輸出日期數(shù)據(jù)

<el-table-column prop="name" label="申請日期">
    <template slot-scope="scope">
      <span>{{scope.row.ApplyDate | timeForamter}}</span>
    </template>
</el-table-column>

第一次用這個插件，打不開官方文檔，照著別人的代碼敲的，不知道哪一步出了問題

回答
編輯回答
陪她鬧

其實(shí)你可以使用moment.js專門進(jìn)行日期格式化而且方便

2018年1月7日 22:11
編輯回答
浪蕩不羈

按照你的寫法
<span>{{scope.row.ApplyDate | timeForamter}}</span>
"timeForamter"是過濾器，你得先在main.js把它掛在Vue上。

2018年4月11日 18:43
編輯回答
毀憶
<el-table-column prop="name" label="申請日期">
    <template slot-scope="scope">
      <span>{{scope.row.ApplyDate}}</span>
    </template>
</el-table-column>

把過濾器去掉，你可以打斷點(diǎn)，cosole 你的 ApplyDate 看看后臺返回給你的時間格式是怎么樣的

2017年12月13日 15:09