<el-table-column
type="date"
prop="planTime"
label="任务完成时间"
:formatter="formatterTime"
>
</el-table-column>
formatterTime(row,column){
let data = row[column.property]
return /\d{4}-\d{1,2}-\d{1,2}/g.exec(data )
},
代码解析:
关于对象的取值:
row[column.property]: 首先要知道可以通过[]来取row对象中column.property的值
关于正则表达式:
用途:当您搜索文本中的数据时,您可使用搜索模式来描述您搜索的内容。
语法:
/pattern/modifiers;
实例:
var patt = /w3school/i;
例子解析:
/w3school/i
是一个正则表达式。
w3school
是模式(pattern)(在搜索中使用)。
i
是修饰符(把搜索修改为大小写不敏感)。
实例:
var str = "Visit W3School"; var n = str.search(/w3school/i);
例子解析:
返回的结果是6,第二行代码的意思是在Visit W3School中全局搜索w3school。
其中 /w3school/i 连个斜杠里放的是要搜索的内容,后面放的是修饰符(要以什么样 条件去搜索匹配,比如i是对大小写不敏感的匹配,g是执行全局匹配(查找所有匹配而非在 找到第一个匹配后停止),m是执行多行匹配。)
关于函数exec()
exec()
方法是一个正则表达式方法。
它通过指定的模式(pattern)搜索字符串,并返回已找到的文本。
如果未找到匹配,则返回 null。
下面的例子搜索字符串中的字符 "e":
/e/.exec("The best things in life are free!");
关于用正则表达式去掉element表格中时间的十分秒的代码解析
let result = /\d{4}-\d{2}-\d{2}/g.exec(data)
首先两个斜杠里边放的要搜索数据的格式,\d指的是查找数字{}里边是查找数字的参数,{4}指的是在data中匹配4位的数字,{2}在data中匹配两位的数字,{1,2}在data中匹配一到二位的数字
1.表达式 [0-9]{4,4} 匹配 四 位 0-9 之间的数字.
2.表达式 [0-9]{2,4} 匹配 二到四 位 0-9 之间的数字.
3.表达式 [0-9]{2,3} 匹配 二到三 位 0-9 之间的数字.
注意花括号左侧数字必须小于右侧