<div class="layui-input-inline"> <input type="text" id="key4" class="layui-input" autocomplete="off" placeholder="请输入任务开始时间"> </div> <div class="layui-input-inline"> <input type="text" id="key5" class="layui-input" autocomplete="off" placeholder="请输入任务结束时间"> </div> <div class="layui-input-inline"> <input type="text" id="key6" class="layui-input" autocomplete="off" placeholder="请输入创建时间"> </div>改成日期控件

可以使用 layui 的日期选择器组件来实现。

首先，在页面中引入 layui 的日期选择器组件：

<link rel="stylesheet" href="//cdn.bootcss.com/layui/2.5.6/css/layui.min.css">
<script src="//cdn.bootcss.com/layui/2.5.6/layui.min.js"></script>

然后，在页面加载完成后，初始化日期选择器：

layui.use('laydate', function(){
  var laydate = layui.laydate;
  
  // 开始时间
  laydate.render({
    elem: '#key4', // 绑定元素
    type: 'datetime' // 设定日期时间格式
  });
  
  // 结束时间
  laydate.render({
    elem: '#key5',
    type: 'datetime'
  });
  
  // 创建时间
  laydate.render({
    elem: '#key6',
    type: 'datetime'
  });
});

这样，上述代码中的文本框就会被替换成日期选择器，用户可以方便地选择日期和时间。