layui input 框 type="date" 怎么回显

使用layui框架提供的laydate模块可以很方便地实现日期选择和回显。

假设我们有一个日期输入框：

<input type="text" id="dateInput" name="dateInput" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">

我们需要给这个输入框绑定laydate日期选择器，并且在页面加载时将已有的日期数据回显到输入框中。可以使用下面的代码实现：

layui.use(['laydate'], function() {
  var laydate = layui.laydate;
  var dateInput = document.querySelector('#dateInput');
  laydate.render({
    elem: dateInput,
    format: 'yyyy-MM-dd',
    value: new Date(dateInput.value)
  });
});

首先，我们使用layui.use方法加载laydate模块。然后，我们获取到日期输入框的DOM元素，并将其传递给laydate.render方法。在render方法中，我们指定了日期输入框的格式为“yyyy-MM-dd”，并将输入框中已有的日期数据作为value传递给laydate。这样，页面加载时就会将已有的日期数据回显到输入框中了。

需要注意的是，laydate要求传递的日期数据必须是JavaScript的Date对象或者符合一定格式的字符串。如果输入框中的日期数据不符合这些格式，需要先将其转换为Date对象再传递给laydate。