条件搜索,layui时间插件

深藏阁楼爱情的钟 2022-02-25 15:43 364阅读 0赞

### 条件搜索,layui时间插件 ###

html

startTime: $("#inputDate").val() != "" ? GetTime($("#inputDate").val().split(" - ")[0]) : "",
    endTime: $("#inputDate").val() != "" ? GetTime($("#inputDate").val().split(" - ")[1]) : ""
    <input type="text" class="form-control" id="inputDate" placeholder="请选择时间范围">

js时间处理

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

js

layui.use('laydate', function(){ 
            var laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({ 
                elem: '#inputDate', //指定元素
                type: 'date',
                range: true,
                done: function (value,date,endDate) { 
                    $("#inputDate").change();
                }
            });
        });
    
    	//处理字符串时间为时间戳
        let StrToDateTime = (value)  => { 
            if (value) { 
                return (new Date(Date.parse(value.replace(/-/g, "/"))));
            }
            return value;
        };
        let GetTime = (s) => { 
            return StrToDateTime(s).getTime();
        };

发表评论取消回复

表情：

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

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

相关阅读

相关 layui 时间插件关闭-结束不能大于开始等

laydate.render({ elem: 'year', type: 'year', format: 'yyyy',

喜欢ヅ旅行/ 2023年06月25日 10:04/ 0 赞/ 17 阅读

相关 layui表单选择时间_layui时间控件选择时间范围

解决layui时间控件清空之后无法正常使用的问题，以及时间范围的选择共有两种解决方式：方式一(layui 1.x)： html代码： placeholder="开始

Love The Way You Lie/ 2023年01月08日 08:11/ 0 赞/ 284 阅读

相关 Layui 引入jQuery.Cookie插件

使用首先你需要下载jQuery.Cookie.js [下载地址][Link 1] 然后将 ![在这里插入图片描述][20210118134814550.png

小鱼儿/ 2023年01月08日 02:06/ 0 赞/ 503 阅读

相关条件搜索,layui时间插件

条件搜索,layui时间插件 html startTime: $("inputDate").val() != "" ? GetTime($("inputD

深藏阁楼爱情的钟/ 2022年02月25日 15:43/ 0 赞/ 365 阅读

相关 Layui 弹出层插件

Layui 弹出层插件开发工具与关键技术： Visual Studio 2015 – Layui 作者：廖亚星撰写时间：2019年 6 月4日这段时间在做项

蔚落/ 2022年01月22日 03:05/ 0 赞/ 519 阅读

相关 Layui面板插件

Layui面板插件开发工具与关键技术： Visual Studio 2015 – Layui面板插件作者：廖亚星撰写时间：2019年 6 月3日一般的面

柔情只为你懂/ 2022年01月22日 02:57/ 0 赞/ 448 阅读

相关 Layui日期插件

Layui日期插件开发工具与关键技术： Visual Studio 2015 – Layui日期插件作者：廖亚星撰写时间：2019年 6 月1日 Layui

我不是女神ヾ/ 2022年01月22日 02:57/ 0 赞/ 474 阅读

相关 Layui的日期与时间插件

1：先去官网下载layui，下载layui后，引用layui的layui.css和layui,js：然后打开浏览器看看是否完成效果，打开浏览器效果截图： !\[在这

ゞ浴缸里的玫瑰/ 2022年01月12日 15:29/ 0 赞/ 614 阅读

相关 Layui---日历插件Laydate(三)

1 去掉laydate自定义的mark标记，css代码如下： /去掉日历mark标记/ .laydate-day-mark::after{

Myth丶恋晨/ 2021年11月10日 04:32/ 0 赞/ 1075 阅读

相关 layui插件

https://www.layui.com 导航图标动画按钮表单选项卡进度条面板表格徽章时间线转载于:https://www.cnblo

野性酷女/ 2021年09月29日 12:44/ 0 赞/ 699 阅读