html按时间搜索数据功能

13 篇文章 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>
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值