layui laydate 检索第二次不能从新渲染问题

最新推荐文章于 2024-10-22 20:08:29 发布

原创最新推荐文章于 2024-10-22 20:08:29 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui #layuidate

js 同时被 2 个专栏收录

12 篇文章

订阅专栏

layui

11 篇文章

订阅专栏

本文介绍了一个使用layui框架的laydate组件动态渲染日期时间选择器的方法。通过JavaScript函数，可以针对不同的输入框ID，根据需要设置是否预加载时间。此外，还展示了如何移除并重新渲染选择器，确保每次选择都能正确初始化。

function setTime(id, list) {
            layui.use('laydate', function () {
                if (list) {
                    layui.laydate.render({
                        elem: id,
                        type: 'datetime',
                        choose: function (dates) {
                            $(id).val(dates);
                        }
                    });

                } else {
                    layui.laydate.render({
                        elem: id,
                        type: 'datetime',
                        choose: function (dates) {
                            $(id).val(dates);
                        }
                    });

                }
            });
        }

//先remove 该时间的input然后在从新渲染
 $("#test1").remove();
            setTime("#test1", true);
            $("#test2").remove();
            setTime("#test2", true);
            $("#test3").remove();
            setTime("#test3", true);
            $("#test4").remove();
            setTime("#test4", true);

检索后加上
  setTime("#test1", false);
                            setTime("#test2", false);
                            setTime("#test3", false);
                            setTime("#test4", false); 
自动渲染时间