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转换成时间戳格式，就好了

vue通过disabled控制按钮的置灰相关推荐

css div li等等设置disabled属性实现置灰效果
默认情况下,div这种是没有disabled属性,没有不能点击的效果的,所以需要换个思路,增加disabled样式,如果生效的话置灰 <liv-for="item in data&qu ...
button按钮置灰
2019独角兽企业重金招聘Python工程师标准>>> 首先说一下这2个标签的区别: <button></button>H5中默认的类型是submit,好像其 ...
uniapp 全局置灰、哀悼置灰（可动态、同时支持nvue、vue）插件 Ba-Gray
简介(下载地址) Ba-Gray 是一款全局动态置灰的uniapp插件.可在特殊节日比如清明,或者其他哀悼日使用,全局哀悼置灰. 补全 filter: grayscale(1); 不支持nvue的不足 ...
根据checkBox的状态，控制按钮可否点击。不可点击置灰
主要想实现的功能就是,当checkBox未选择时,按钮置灰不可点击:当checkBox选中时,按钮可以点击并且变成可以点击的颜色.主要用途就在用户在使用应用之前,比如要同意一些协议或者条款这些. 废话 ...
html中灰色怎么写,css如何实现置灰不可点
实现a标签置灰不可点击禁用a标签的点击事件disabled属性和pointer-events属性值首先 ,大家要知道: a标签是没有disable 属性的 , 如果想用disable 禁止a标签 ...
按钮置灰后点击事件仍可以触发
在按钮置灰后(disabled--禁用)但是点击事件有时候仍然可以触发解决方法--只需要在按钮上添加上一个动态的字符串的时间戳就行了 --由于时间戳是数值不是字符串,所以在前面添加一个任意的字符串 ...
Element ui 前端自定义分页/批量选中/批量删除/单个删除/element-ui(复选框)type=“selection“置灰
直接看代码 <template><div class="page-content"><div class="page-header" ...
按钮linkbutton置灰与取消置灰
[html] view plain copy easyuilinkbutton按钮置灰: $('#btnid').linkbutton('disable'); 这样按钮再次点击也不可用. 取消置灰 ...
怎么让jsp中的按钮置灰不能使用_UI设计中的按钮设计规范
已经有很多朋友催我更新设计规范的文章了,今天我就先来一篇,关于按钮设计规范的,后面会陆续更新其他控件内容.严格来说,按钮包括很多种,比如普通按钮.图标按钮.文字按钮.开关按钮等等. 但我觉得根据这样的 ...
iOS之实现图片的压缩、解压缩、模糊、置灰、马赛克、黑白化、调色等处理
压缩图片 func imageCompress(targetWidth:CGFloat) -> UIImage {let targetHeight = (targetWidth/width)*h ...

vue通过disabled控制按钮的置灰

vue通过disabled控制按钮的置灰相关推荐

最新文章

热门文章