vue通过disabled控制按钮的置灰

最新推荐文章于 2024-05-30 14:33:11 发布

程序媛之进击的菜鸟

最新推荐文章于 2024-05-30 14:33:11 发布

阅读量3.6k

点赞数

文章标签： vue.js 前端 javascript elementui

本文链接：https://blog.csdn.net/weixin_53884488/article/details/126345072

版权

今天做了一个功能，条件是，如果超过当时设定的时间，按钮置灰

先看效果图，当前设定的结束时间是 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转换成时间戳格式，就好了