vue js判断日期是否超过三天(或者30天统一判断方法)

需求:根据作成时间大于当前时间3天让表格每行的框框文字展示
vue js判断日期是否超过三天(或者30天统一判断方法)_第1张图片
在这里插入图片描述
html代码
我这是用的是antv ui,element ui或者其他ui的使用方法一样的
重点是这个 examineStatus(record)

 <a-table
      ref="table"
      :columns="columns"
      :loading="tableLoading"
      :data-source="data"
      :row-key="(record) => record.id"
      :pagination="false"
    >
      
      
      <span slot="applicantID" slot-scope="text, record">
        <a class="link-type">
          <span>{{ record.id }}span> //展示后端id的地方
        a>
        <p v-if="examineStatus(record)" class="tips">是否展示框框值的地方p>
      span>
      a-table>

js代码
在computed中写

computed: {
    examineStatus() {
      return (value) => {
        const a = value.correctCreateTime.split(' ');
        const b = a[0].split('-');
        const c = a[1].split(':');
        const nowTime = new Date();
        const oldTime = new Date(b[0], b[1] - 1, b[2], c[0], c[1], c[2]);
        const over = (nowTime - oldTime) / (1000 * 60 * 60 * 24) > 3; //大于3 代表是否大于3天,如果想判断30天就把3改成30
       return over
      };
    },
  },

你可能感兴趣的:(前端VUE,javascript,vue.js,前端)