React中使用过滤器

React中使用过滤器：

react中没有 指令和 过滤符的概念 ， 所以我们要用原生js去写 //挂载到原型上 供全局使用

处理时间可以用 moment这个插件 但是这个插件用完我们的项目会多0.5M(不推荐)

使用方法：

cnpm i moment -S
import moment from 'moment'
React.Component.prototype.dataFormat = function (dtStr) {
return moment (dtStr).format( ‘YYYY-MM-DD HH:mm:ss’)
}

使用手动js写 过滤器方法处理：

react中没有 指令和 过滤符的概念 ， 所以我们要用原生js去写
//挂载到原型上 供全局使用

React.Component.prototype.dataFormat = function (dtStr) {
 const  dt = new Date(dtStr)
 
//String.prototype.padStart(2,'0') 字符串的方法（补0操作，补两位）String.prototype.padEnd(2,'0') 从尾部补

const y =dt.getFullYear()
const m = (dt.getMonth()+1).toString().padStart(2,0)  
const d = (dt.getDate()).toString().padStart(2,0) 
const hh = (dt.getHours()).toString().padStart(2,0) 
const mm = (dt.getMinutes()).toString().padStart(2,0) 
 const ss = (dt.getSeconds()).toString().padStart(2,0) 
//最后要以这种形式 返回
 ‘YYYY-MM-DD HH:mm:ss’

return `{${y}-${m}-${d} ${hh} : ${mm} :${ss}}`

}

用时 直接 dataFormat（你的原始时间）