html按时间搜索数据功能

￡神魔★判官ぃ 2022-02-28 00:38 468阅读 0赞

### html按时间搜索数据功能 ###

html

<input type="text" class="form-control layui-input" id="inputDate" autocomplete="off" placeholder="请选择时间范围">

参数传递

startTime: $("#inputDate").val() != "" ? GetTime($("#inputDate").val().split(" - ")[0]) : "",
    endTime: $("#inputDate").val() != "" ? GetTime($("#inputDate").val().split(" - ")[1]) : "",

js方法:将时间字符串转化未时间戳

let StrToDateTime = (value)  => { 
        if (value) { 
            return (new Date(Date.parse(value.replace(/-/g, "/"))));
        }
        return value;
    };
    
    let GetTime = (s) => { 
        return StrToDateTime(s).getTime();
    };

layui的时间插件

layui.use('laydate', function(){ 
            var laydate = layui.laydate;
            //执行一个laydate实例 持有
            laydate.render({ 
                elem: '#inputDate', //指定元素
                type: 'datetime',
                range: true,
                //手动触发change事件
                done: function(value, date, endDate){ 
                    $("#inputDate").change();
                }
            });
        });

sql处理

<if test="startTime != null and startTime != '' and endTime != null and endTime != ''">
      AND EXTRACT(epoch FROM CAST(u.create_time AS TIMESTAMPTZ))*1000 <![CDATA[>= ]]> #{ startTime}
      AND EXTRACT(epoch FROM CAST(u.create_time AS TIMESTAMPTZ))*1000 <![CDATA[<= ]]> #{ endTime}
    </if>

发表评论取消回复

表情：

评论列表（有 0 条评论，468人围观）

还没有评论，来说两句吧...

相关阅读

相关实现数据的搜索( 筛选 )功能

搜索功能 : > 可以根据搜索框对数据进行搜索, 筛选出满足条件的数据, > 搜索功能主要还是后端的SQL语句的拼接, 查出满足需求的数据, 再展示给前端前端 :

迷南。/ 2023年10月12日 19:54/ 0 赞/ 47 阅读

相关 HTML5参考手册：标签（按功能排列）

<table> <tbody> <tr> <th>标签</th> <th>描述</th> </tr> <tr> <td><stro

迈不过友情╰/ 2022年12月28日 09:04/ 0 赞/ 170 阅读

相关 Mysql 按时间查询数据

环境: MYSQL 5.7以上按时，天，月，周，季度查询近一小时 .... where createtime > DATE_SUB(NOW(),INT

淩亂°似流年/ 2022年12月20日 03:06/ 0 赞/ 162 阅读

相关 HTML标签手册--按功能分类

首发网址：[HTML标签手册--按功能分类\_IT利刃出鞘的博客-CSDN博客\_html标签手册][HTML_--_IT_-CSDN_html] 其他网址 > [HT

叁歲伎倆/ 2022年11月20日 08:26/ 0 赞/ 207 阅读

相关 java数据按时间分组_java list集合按日期分组

结果： \{ "code": 1, "data": \{ "mapDate": \[ \{ "fomTime": "2019-11-14", "list": \[

亦凉/ 2022年11月03日 04:01/ 0 赞/ 744 阅读

相关 oracle: 按时间排序,查询第一条数据

有些业务需求,我们需要获取排序后的第一条数据,Oracle需要一个子查询来实现. with t as (select from t_tabl

秒速五厘米/ 2022年03月22日 15:41/ 0 赞/ 778 阅读

相关 mysql按时间来查询数据

今天 select from 表名 where to_days(时间字段名) = to_days(now()); 昨天 SELECT FROM 表名

超、凢脫俗/ 2022年03月21日 06:43/ 0 赞/ 269 阅读

相关 html按时间搜索数据功能

html按时间搜索数据功能 html <input type="text" class="form-control layui-input" id="input

￡神魔★判官ぃ/ 2022年02月28日 00:38/ 0 赞/ 469 阅读

相关 HTML5 JQuery 实现搜索匹配功能

HTML5 JQuery 实现搜索匹配功能效果动态图： ![在这里插入图片描述][20190406220637574.gif] 源代码： all.html

浅浅的花香味﹌/ 2022年02月22日 20:44/ 0 赞/ 337 阅读

相关 Spring Data Solr完成按关键字搜索功能

[上一节][Link 1] 四、完成按关键字搜索功能 4.1 创建`Maven Module pinyougou-search-interface.jar` 4.2

快来打我*/ 2022年01月20日 23:05/ 0 赞/ 233 阅读