1 首先在vue项目中
npm install moment
import moment from "moment";
Vue.prototype.$moment = moment;
Vue.filter("dateformat", function(value, formatString) {
formatString = formatString || "YYYY-MM-DD";
// return moment(value).format(formatString);
return moment(value).format(formatString); // 这是时间戳转时间
});
filter两个参数 第一个是函数名 第二个是时间格式化处理的函数
3 只需要在需要格式化时间的地方使用插值表达式就OK了
<!-- 子标题 -->
<p class="subtitle">
<span>发表时间:{{ newsinfo.add_time | dateformat('YYYY-MM-DD HH:mm:ss')}}</span>
<span>点击{{ newsinfo.click }}次</span>
</p>
第二种方法
引入moment.js
npm install moment --save
直接在所需要的组件中引入就ok了
<script>
let moment = require("moment");
export default {
data() {
return {
}
可以直接使用了
if(this.ruleForm2.startTime == '' || this.ruleForm2.startTime == null || this.ruleForm2.startTime == undefined){
this.ruleForm2.startTime = ''
}else {
this.ruleForm2.startTime = moment(this.ruleForm2.startTime).format('YYYY-MM-DD')
}
如果是想要 转化为年月日分秒
this.ruleForm2.startTime = moment(this.ruleForm2.startTime).format('YYYY-MM-DD HH-mm')
网友评论