layui 表单回显 点击页面 日期控件值变成当前时间

在 layui 中，可以使用 form.val() 方法来实现表单数据的回显。而要实现点击页面后，日期控件的值变为当前时间，可以通过 JS 获取当前时间并将其赋值给日期控件。

以下是一个示例代码：

HTML 代码：

<form class="layui-form">
  <div class="layui-form-item">
    <label class="layui-form-label">日期</label>
    <div class="layui-input-block">
      <input type="text" class="layui-input" id="date" name="date">
    </div>
  </div>
</form>

JavaScript 代码：

layui.use(['form', 'laydate'], function(){
  var form = layui.form;
  var laydate = layui.laydate;
  
  // 渲染日期选择器
  laydate.render({
    elem: '#date',
    format: 'yyyy-MM-dd',
    value: new Date()
  });
  
  // 模拟表单数据
  var data = {
    date: '2021-01-01'
  };
  
  // 表单数据回显
  form.val('example', data);
  
  // 点击页面，日期控件的值变为当前时间
  $(document).on('click', function(){
    var now = new Date();
    laydate.render({
      elem: '#date',
      format: 'yyyy-MM-dd',
      value: now
    });
  });
});

在上面的示例代码中，我们首先渲染了一个日期选择器，并将其默认值设置为当前时间。然后模拟了一组表单数据，并使用 form.val() 方法将其回显到表单中。

最后，我们使用 jQuery 的 .on() 方法监听页面的点击事件。当页面被点击时，我们获取当前时间并将其赋值给日期控件，从而实现了点击页面后，日期控件的值变为当前时间的效果。