vue通过disabled控制按钮的置灰
vue通过disabled控制按钮的置灰
·
今天做了一个功能,条件是,如果超过当时设定的时间,按钮置灰
先看效果图,当前设定的结束时间是 2022-8-14,当前时间为2022-8-15.本身的逻辑很简单,如果表单的结束时间 小于当前时间,按钮置灰
话不多说,上代码
<el-button v-if="scope.row.flag=='1'"
//重点在这里
:disabled="Date.parse(scope.row.endTime) < new Date()"
v-on:click="handleSet(scope.row)"
type="text">发放</el-button>
当时我错误的代码是这样写的, :disabled=“scope.row.endTIme < new Date”,然后效果不生效。经过分析发现 , 后台返回的 endTime是number类型的,而new Date()是时间戳格式。所以两者不能比较
Date.parse()将scope.row.endTime转换成时间戳格式,就好了
更多推荐
已为社区贡献3条内容
所有评论(0)