美文网首页
vue中时间格式化组件库moment.js的使用

vue中时间格式化组件库moment.js的使用

作者: 若水亦城空 | 来源:发表于2019-12-13 10:18 被阅读0次

    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')
    

    官网链接http://momentjs.cn/docs/

    相关文章

      网友评论

          本文标题:vue中时间格式化组件库moment.js的使用

          本文链接:https://www.haomeiwen.com/subject/zfxfnctx.html