日期时间格式化、获取网页元素的相对位置、搜索功能的实现

最新推荐文章于 2024-07-24 11:09:48 发布

NNN...

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量121

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_46106147/article/details/128035170

版权

日期时间格式化 功能实现

//日期时间格式化
timestampToTime(timestamp) {
		var date = new Date(timestamp);
		let Y = date.getFullYear() + '-';
		let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
		let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';
		let h = date.getHours() + ':';
		let m = date.getMinutes() + ':';
		let s = date.getSeconds();
		return Y + M + D + h + m + s;
},

获取网页元素的相对位置  获取元素的位置，方便跳转

// 获取网页元素的相对位置
getRelativePosition(element){
	let acturalLeft = element.offsetLeft;
	let acturalTop = element.offsetTop;
	let curElement =  element.offsetParent;
	while(curElement){
		acturalLeft += curElement.offsetLeft;
		acturalTop += curElement.offsetTop;
		curElement = curElement.offsetParent;
	}
	return {
		left: acturalLeft - element.scrollLeft,
		width: acturalTop - element.scrollTop,
	}
},

搜索     实现对字符串过滤，实现搜索功能

// 搜索
search(){
	let filterName
	if (this.searchFile) {
		filterName = this.searchFile.toString().trim().toLowerCase()
}
	if (filterName) {
		const filterRE = new RegExp(filterName, 'gi')
		const searchProps = ['subject', 'applyUserName', 'code']
		this.tableData = this.tableData.filter(item => searchProps.some(key => item[key].toString().toLowerCase().indexOf(filterName) > -1))
		return this.tableData.filter(item => searchProps.some(key => item[key].toString().toLowerCase().indexOf(filterName) > -1))
}