如果你需要在前端实现模糊查询,且包括对时间数据进行模糊查询

在vue中实现方式,请查询下面的代码;其他语言,可以参考实现思路

<script>
export default {
    data() {
        newList: [],
        list: [
            {
                name:'张三',
                age: 18,
                created_time:1569390659
            },
            {
                name:'李四',
                age: 24,
                created_time:1569807240
            },
        ]
    },
    methods: {
        // 当list为返回数据时,模糊查询方法
        search(val) {
            // 对时间小于10的进行下特殊处理
           function  formatTime: (str) => {
                str = str < 10 ? `0${str}` : str;
                return str;
            }
            this.newList = this.list.filter( row => {
                let timer = new Date(row.created_time * 1000);
                let datetime = `${timer.getFullYear()}-${formatTime(timer.getMonth()+1)}-${formatTime(timer.getDate())} ${formatTime(timer.getHours())}:${formatTime(timer.getMinutes())}:${formatTime(timer.getSeconds())}`;
               if(row.name.includes(val) || row.age.includes(val) || datetime.includes(val) {
                    return row;
                })
            })
            
        }
    }
}

</script>

 

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐