[javascript] layui时间选择器laydate重新渲染问题

soupirerdedame

问题：初次渲染laydate时，根据mark属性值markObj在日期上做标记；但是当mark的属性值markObj变化，重新渲染laydate时，新的日期标记并未生效。初次渲染：

[JavaScript] 纯文本查看 复制代码

laydate.render({
                        elem: '#date-range'
                        ,eventElem: '.calendar-icon'
                        ,trigger: 'click'
                        ,type: 'date'
                        ,range: '至'
                        ,format: 'yyyy-MM-dd'
                        , mark: markObj
                        ,done: function (value) {
                            startTime = value.split(" 至 ")[0];
                            endTime = value.split(" 至 ")[1];
                        }

                    });

markObj变化后，再次渲染：

[JavaScript] 纯文本查看 复制代码

laydate.render({
                            elem: '#date-range'
                            ,eventElem: '.calendar-icon'
                            ,trigger: 'click'
                            ,type: 'date'
                            ,range: '至'
                            ,format: 'yyyy-MM-dd'
                            , mark: markObj
                            ,done: function (value) {
                                startTime = value.split(" 至 ")[0];
                                endTime = value.split(" 至 ")[1];
                            }
                        });

思考：
laydate渲染后所附带的lay-index会被载入缓存，所以再次laydate.render时，只是修改lay-index标识的值，而不会重新去渲染


解决方法：
在重新渲染前，remove掉整个laydate的div块容器；然后再append一个laydate的div块容器，最后再使用laydate.render重新渲染。
ps.如果发现laydate样式不一样了，可以再检查中调好样式，再将对应的css代码写在<style>中加上！important.
虽然方法很愚蠢，但是奏效了。

TanHaoHao

一看时间选择器 我直呼好家伙 时间都可以选择了这不是时光机？