15621857753

layui的时间控件闪退的问题解决方法

来源:齐鲁建站 栏目:开发教程 阅读: 日期:2020-10-22

最近使用LAYUI做了个前端页面,其中用到了日期时间控件,使用过程中发现,有的页面时间审控件正常,有的收会闪退,经过研究小编找到了解决方法,下面就来说说layui的时间控件闪退的问题解决方法。

下面直接说layui的时间控件闪退的问题解决方法。

解决原理:

laydate文件中的默认配置,trigger: 'focus' //呼出控件的事件这个focus改成click。

解决方法:

layui.use('laydate', function(){
    var laydate = layui.laydate;

    //日期时间选择器
    laydate.render({
        elem: '#startTime'
        ,type: 'datetime'
        ,trigger: 'click'//呼出事件改成click
        //,format: 'yyyy-MM-dd HH:mm:ss' //可任意组合
    });
    //日期时间选择器
    laydate.render({
        elem: '#endTime'
        ,type: 'datetime'
        ,trigger: 'click'//呼出事件改成click
        // ,format: 'yyyy-MM-dd HH:mm:ss' //可任意组合
    });
});

将上面的代码放到页面中就可以了,而且支持多布局的方式。

阅读本文的人还可以阅读:

echarts设置网格线颜色和隐藏网格线的方法

响应式网站关于手机/平板/电脑的尺寸设置

无衬线字体Tahoma有哪些优点 CSS里面如何使用

展开