js vue项目使用 时间日期 date 格式化,面试官6个灵魂拷问
在Vue项目中,可以使用第三方库如date-fns
或moment.js
来格式化日期时间。以下是使用date-fns
的一个例子:
首先,安装date-fns
:
npm install date-fns
然后,在Vue组件中使用它来格式化日期:
<template>
<div>
{{ formattedDate }}
</div>
</template>
<script>
import { format } from 'date-fns';
export default {
data() {
return {
currentDate: new Date()
};
},
computed: {
formattedDate() {
return format(this.currentDate, 'YYYY-MM-DD HH:mm:ss');
}
}
};
</script>
在这个例子中,我们创建了一个Vue组件,它包含当前日期的数据属性currentDate
。我们使用计算属性formattedDate
来格式化这个日期,使用date-fns
的format
函数,并指定所需的格式。在模板中,我们展示了格式化后的日期。
评论已关闭