laydate 控件经常失效

提问 已结 12 449
wrd
wrd VIP3 2019-4-14
悬赏:20飞吻
版本: 浏览器:谷歌浏览器




系统中引用laydate控件有时正常,有时无反应,提示time out,刷新页面后,提示layui undefined
我尝试过手工引入 laydate.css地址,也不行。这个一般是不需单独引用的。这种问题有时会出现,有时又正常。出现问题时,提示laydate.css time out。该如何解决
回帖
  • 你好,你应该是不熟悉layui,你的代码不要单独写script里,需要写在layui.use里,具体先熟悉下文档这里 https://www.layui.com/doc/base/modules.html
    0 回复
  • BLACKDOG
    2019-4-14
    初始化超时了,方便的话贴一下,这一部分的源码不?
    0 回复
  • wrd
    2019-4-14


    0 回复
  • wrd
    2019-4-14


    0 回复
  • wrd
    2019-4-14
    这些代码有时可以正常弹出日期选框,有时不行。另外我复制系统demo放在系统中有时也出现这个问题。



    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>layDate 日期组件功能演示</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
    </head>
    <body>


    <div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
    <a lay-href="">主页</a>
    <a><cite>组件</cite></a>
    <a><cite>日期时间</cite></a>
    </div>
    </div>

    <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
    <div class="layui-card">
    <div class="layui-card-header">联动范围选择</div>
    <div class="layui-card-body" pad15>
    <div class="layui-form" wid100>
    <div class="layui-form-item">
    <div class="layui-inline">
    <label class="layui-form-label">活动日期</label>
    <div class="layui-input-inline">
    <input type="text" class="layui-input" id="test-laydate-start" placeholder="开始日期">
    </div>
    <div class="layui-form-mid">
    -
    </div>
    <div class="layui-input-inline">
    <input type="text" class="layui-input" id="test-laydate-end" placeholder="结束日期">
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

    <script src="../../layuiadmin/layui/layui.js"></script>
    <script>
    layui.config({
    base: '../../layuiadmin/' //静态资源所在路径
    }).extend({
    index: 'lib/index' //主入口模块
    }).use(['index', 'laydate'], function(){
    var laydate = layui.laydate;

    //示例代码

    //开始日期
    var insStart = laydate.render({
    elem: '#test-laydate-start'
    ,min: 0
    ,done: function(value, date){
    //更新结束日期的最小日期
    insEnd.config.min = lay.extend({}, date, {
    month: date.month - 1
    });

    //自动弹出结束日期的选择器
    insEnd.config.elem[0].focus();
    }
    });

    //结束日期
    var insEnd = laydate.render({
    elem: '#test-laydate-end'
    ,min: 0
    ,done: function(value, date){
    //更新开始日期的最大日期
    insStart.config.max = lay.extend({}, date, {
    month: date.month - 1
    });
    }
    });
    });
    </script>
    </body>
    </html>
    0 回复
  • wrd
    2019-4-14
    如有时间,我给你远程看看我的系统,你的QQ多少
    0 回复
  • wrd
    2019-4-14
    0 回复
  • wrd
    2019-4-14
    @BLACKDOG 方便QQ吗,帮我远程看看
    0 回复
  • wrd
    2019-4-14
    @HiTerry 帮我看下 laydate.css 经常报错time out 导致laydate失效。
    0 回复
  • bbsfoo
    2019-4-15
    同样遇到laydate弹不出来的问题

    严格来说是闪了一下消失

    有时候又可以
    0 回复