效果图:
过滤方法的代码:
//搜索数据
function match() {
const name = document.getElementById('classification').value; // 分类名称
const company = document.getElementById('classification-status').value; // 分类状态
const startTimeInput = document.getElementById('start-time').value;
const endTimeInput = document.getElementById('end-time').value;
let start = null;
let end = null;
// 检查是否选择了开始时间,如果是,则将其转换为时间戳
if (startTimeInput) {
start = new Date(startTimeInput).getTime();
}
// 检查是否选择了结束时间,如果是,则将其转换为时间戳
if (endTimeInput) {
end = new Date(endTimeInput).getTime();
}
console.log(name);
console.log(company);
console.log(shopdata);
const ardaAll = shopdata.filter(br => {
const brCreateTimestamp = new Date(br.create_time).getTime(); // 将记录的创建时间转换为时间戳
// 检查是否匹配筛选条件,如果开始时间和结束时间都存在,则进行时间范围的筛选
if (
br.title.toString().includes(name) &&
(br.status == null ? '' : br.status.toString()).includes(company) &&
(!start || brCreateTimestamp >= start) &&
(!end || brCreateTimestamp <= end)
) {
return br;
}
});
render(ardaAll);
}
这是只是其中一种过滤方法,希望可以帮到大家