我是 的新手 Date-FNS 我需要让这个例子在 VueJS 中工作:
import { format, formatDistance, formatRelative, subDays } from 'date-fns'
format(new Date(), '[Today is a] dddd')
//=> "Today is a Wednesday"
formatDistance(subDays(new Date(), 3), new Date())
//=> "3 days ago"
formatRelative(subDays(new Date(), 3), new Date())
//=> "last Friday at 7:26 p.m."
如何让它工作?
最佳答案
就像moment js一样,你只需要使用日期库就可以将其导入并包含在你的数据中:
import { format, formatDistance, formatRelative, subDays } from 'date-fns'
export default {
data () {
return {
format,
}
}
}
现在在您的模板中,您可以使用 format
作为:
<template>
<p> Today's date is: {{ format(new Date(), 'dddd') }} </p>
</template>
使用语言环境:
我还没有尝试过语言环境,但它看起来非常简单。根据manual我认为这应该有效。
import { format, formatDistance, formatRelative, subDays } from 'date-fns'
import es from 'date-fns/locale/es'
window.locale = 'es'
export default {
data () {
return {
format,
}
},
methods: {
getFormat () {
return this.format(new Date(), 'dddd', {locale: window.locale})
}
}
}
现在在您的模板中,您可以使用 format
作为:
<template>
<p> Today's date is: {{ getFormat() }} </p>
</template>
我认为如果您花几分钟时间,您可以获得更好的工作解决方案。
关于javascript - 如何在 VueJS 中使用 Date-FNS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49562095/