新的需求多次用到时间的转换和比较,首先我想先说下时间的转换。
关于时间的转换,可以直接在html里面用,这里我用了个 moment 插件:
首先应该下载并在main.js全局引用。
运用moment 里的方法对日期进行格式化:
moment().format('MMMM Do YYYY, h:mm:ss a') // // 十一月 18日 2021, 6:05:42 晚上
定义一个时间过滤器,根据需要可以进行修改
Vue.filter('dateFilter', (input, format = 'YYYY-MM-DD HH:mm') => {
if (input === null || input === '--' || input === undefined) return '--'
return moment(input).format(format)
})
这样在html就可以直接用dateFilter来转换时间了 {{ 获取的数据 | dateFilter}}
时间的比较,这里我是用来对日期进行比较:
跟当前时间日期比较:
在html中可以用获取到的时间与当前时间进行大小比较,在html是用作条件,
v-if=“ 获取的时间 > new date().toLocaleDateString().replace(/\//g,'-')”
比较是否相等:
v-if=" 获取的时间 - 当前时间 === 0" 或者是 v-if=" 获取的时间 === 当前时间"
在js里面比较大小也是相似的方法,两个日期之间的比较。
如果你有好的方法请留言~