layui时间框赋值

Layui是一个简单易用的前端框架，它提供了很多常用的组件，包括时间框（datetime）。在Layui中，我们可以通过一些简单的方法来给时间框赋初始值。

首先，我们需要在HTML中引入Layui的相关文件，并在页面中定义一个时间框的输入框。代码如下所示：

<!-- 引入Layui的相关文件 -->
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>

<!-- 定义一个时间框的输入框 -->
<input type="text" id="datetime" class="layui-input" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off">

接下来，在JavaScript中，我们可以使用Layui的时间框模块（laydate）来对时间框进行初始化和赋值。代码如下所示：

//初始化时间框
layui.use('laydate', function(){
    var laydate = layui.laydate;
    
    laydate.render({
        elem: '#datetime',  //指定元素，选择器
        theme: 'molv',  //设置主题颜色
        format: 'yyyy-MM-dd',  //设置日期格式
        done: function(value, date){ //选择日期后的回调函数
            console.log(value); //打印选择的日期
        }
    });
    
    //给时间框赋初始值
    var date = new Date();
    laydate.render({
        elem: '#datetime',  //指定元素，选择器
        theme: 'molv',  //设置主题颜色
        format: 'yyyy-MM-dd',  //设置日期格式
        value: date,  //设置初始值
    });
});

在以上代码中，我们利用Layui的laydate模块的render方法来初始化时间框，并通过elem参数指定要初始化的元素选择器。通过format参数来设置时间框的日期格式。在done回调函数中，我们可以获取到用户选择的日期值。

最后，我们通过value参数来给时间框赋初始值，可以通过Date对象获取当前日期，然后传递给value参数即可。

通过以上步骤，就可以实现Layui时间框的赋值操作了。