day js 插件在vue中获取当前时间并且汉字显示
可以使用moment.js插件来获取当前时间,并且使用Vue的过滤器来将数字转换成汉字。以下是一个示例代码:
- 首先,在Vue组件中引入moment.js插件:
import moment from 'moment';
- 在Vue组件的data中定义当前时间:
data() {
return {
currentTime: moment().format('YYYY-MM-DD HH:mm:ss')
}
}
- 在Vue组件的template中使用过滤器将数字转换成汉字:
<template>
<div>
<p>{{ currentTime | toChinese }}</p>
</div>
</template>
- 在Vue组件中定义toChinese过滤器:
filters: {
toChinese: function(value) {
var cnNums = new Array(
"零", "一", "二", "三", "四", "五", "六", "七", "八", "九"
);
var cnMonth = new Array(
"一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"
);
var date = moment(value);
var year = date.year();
var month = cnMonth[date.month()];
var day = date.date();
var hour = cnNums[date.hour()] + "时";
var minute = cnNums[date.minute()] + "分";
var second = cnNums[date.second()] + "秒";
return year + "年" + month + day + "日" + hour + minute + second;
}
}
这样就可以在Vue中获取当前时间,并且将数字转换成汉字显示了。
原文地址: https://www.cveoy.top/t/topic/bymM 著作权归作者所有。请勿转载和采集!