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

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

<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

做一个if判断

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

判断一下 生效日期 和 获取的 今天的日期做个 比较 。然后 根据这个值 来 显示于隐藏编辑 按钮或者 给 表单设置 禁用属性

<div v-if="userName == record.createBy && new Date(record.createDay) > new Date()" style="display: inline-block">
              <a @click="handleEdit(record)">编辑 </a>
            <a-divider type="vertical"/>
          </div>

那就再编辑后进行和当前时间进行判断