layui 时间控件二次渲染，点击一个自定义按钮清空/重置时间控件

标题	小标题
一、错误尝试
二、时间控件二次渲染的3种方法	2.1 直接删除原来绑定时间控件的DOM，再重新渲染（推荐）； 2.2 使用 clone() ，并且改变 lay-key； 2.3 使用 clone() ，并且删除 lay-key（推荐）
三、通过一个按钮清空时间限制	不通过二次渲染清空时间控件的时间限制
四、清空 range:true 的日期范围控件	开始时间和结束时间用的一个输入框的日期范围控件
五、使用 laydate 需要注意的地方	总结

第一次使用 Layui，太多坑需要注意了！这里总结一下，并且找到了4种清空重置时间控件的方法。

一、错误尝试

这个地方我把 layDate 作为独立组件使用的，自己给了一个按钮想让时间控件清空重置，想当然的在重置方法里重新渲染时间控件，输入框的数据被清空了，但是时间控件的时间限制没有被清掉。

<div class="timeOrange">          
  <p>选择时间范围</p>
  <div class="timeOrange-input">            
    <input type="text" class="ind2 cloneStart" id="startTime" placeholder="开始时间" autocomplete="off" readonly>
    <span> - </span>
    <input type="text" class="ind2 cloneEnd" id="endTime" placeholder="结束时间" autocomplete="off" readonly>
  </div>
</div>
<script>
function loadTime() {
       //记住 loadTime() 这个函数，后面会用到，就不再重写了
  var startT = laydate.render({
     
    elem: '#startTime', //指定元素
    type: 'time',
    format:'HH:mm',
    max: '23:59:59',
    done: function(value, date){
     
      endT.config.min = {
     
        year: date.year,
        month: date.month -1,
        date: date.date,
        hours: date.hours,
        minutes: date.minutes,
        seconds: 0
      }
    }
  });
  
  var endT = laydate.render({
     
    elem:'#endTime',
    type: "time",
    format:'HH:mm',
    done: function(value, date){
     
      startT.config.max = {
     
        year: date.year,
        month: date.month -1,
        date: date.date,
        hours: date.hours,
        minutes: date.minutes,
        seconds: 0
      }
    }
  });
}
loadTime();

//重置操作
$("button:first").click(function(){
     
  $("#startTime").val("");  //清空开始时间输入框
  $("#endTime").va