vue实现只能编辑生效日期是今天之后的

Question

需要实现只能编辑生效日期是今天之后的 改如果添加和修改代码

<span slot="action" slot-scope="text, record">
          
          <div v-if="userName == record.createBy" style="display: inline-block">
            <a @click="handleEdit(record)">编辑 </a>
            <a-divider type="vertical"/>
          </div>
          <a-menu-item  style="display: inline-block" v-if="userName !== record.createBy">
                <a @click="handleDetail(record)">详情</a>
          </a-menu-item>

          <a-dropdown v-if="userName == record.createBy" style="display: inline-block">
            <a class="ant-dropdown-link">更多 <a-icon type="down"/></a>
            <a-menu slot="overlay">
                <a-menu-item>
                  <a @click="handleDetail(record)" style="color: #1890FF">详情</a>
                </a-menu-item>
                <a-menu-item>
                  <div >
                  <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
                    <a>删除</a>
                  </a-popconfirm>
                  </div>
                </a-menu-item>
            </a-menu>
          </a-dropdown>
        </span>

<script>
data () {
      return {
            userName: JSON.parse(localStorage.getItem('pro__Login_Userinfo')).value.username,
    }
}
</script>

生效日期的字段是  effectiveTime

Answer 1

做一个if判断

if(new Date(effectiveTime).getTime() > new Date().getTime()) {  console.log('可编辑')  }