对于日期选择控件laydate，我们可以通过一系列的设置和方法来实现默认时间的设置。下面从多个方面进行详细阐述。
一、设置初始值
laydate提供了一个value属性，可以在input标签中设置默认时间，该属性与laydate渲染日历无关，所以无论选择的日期是什么，输入框显示的时间都是value属性中设置的时间。通过设置时间控件的value属性，我们可以在页面初始化的时候设置默认时间。
<input class="laydate-input" value="2022-01-01" placeholder="请选择日期" />
上述代码中，我们将输入框的value属性设置为"2022-01-01"，这样在加载页面时，将会默认显示这个日期。
二、调用方法设置
我们可以通过调用laydate的方法，在加载页面时设置默认时间。
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#test1' //指定元素
,value: '2022-01-01'
});
});
</script>
上述代码中，我们通过laydate.render方法设置初始值，将默认时间设置为"2022-01-01"，并将其渲染在id为test1的元素上。
三、使用done回调函数
laydate的日期选择完成后，会分别触发change和done事件，我们可以通过回调函数处理这些事件。比如，在done回调函数中，我们可以将日期选择框的value值设置为指定日期。这样页面初始化时，就会默认显示指定日期。
<input class="laydate-input" id="test" placeholder="请选择日期" />
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#test', //指定元素,
done:function(value,date,endDate){
var defaultDate= "2022-01-01";
if(value===""){//放置用户没有选择日期后进行滑动操作报undefined的情况
$("#test").val(defaultDate);
}
}
});
});
</script>
上述代码中，我们通过done回调函数处理选择日期之后的事件。在回调函数中，我们可以定义一个默认时间变量defaultDate，在输入框的value属性值为空时，就将输入框的value属性设置为默认时间"2022-01-01"，这样就实现了默认时间的设置。
四、设置默认时间范围
除了可以设置默认时间之外，我们还可以设置一个时间范围，限制用户选择的时间在指定的时间段内。在laydate中，这个功能可以通过max和min属性来实现。
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#test2' //指定元素
,value: '2022-01-01',
min: '2022-01-01',//最小日期范围
max: '2023-01-01' //最大日期范围
});
});
</script>
上述代码中，我们通过min和max属性来设置最小和最大日期范围，这样用户选择日期时，只能在指定的时间段内进行选择。
五、自定义默认时间格式
在laydate中，我们可以通过format属性来自定义日期格式。与此同时，我们也可以通过value属性来设置默认时间的格式。
<input class="laydate-input" value="2022年1月1日" placeholder="请选择日期" />
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#test3' //指定元素
,format: 'yyyy年MM月dd日'
});
});
</script>
在上述代码中，我们为输入框的value属性设置了日期格式，将默认日期格式设置为"2022年1月1日"。在laydate.render方法中，我们通过format属性设置日期格式为"yyyy年MM月dd日"，这样就能实现默认显示的日期格式与用户选择日期格式一致。
六、设置时间区间
除了日期选择之外，laydate还提供了时间选择功能。我们可以通过type属性来指定输入框的类型为时间选择，通过range属性来设置时间区间。
<input class="laydate-input" value="00:00:00 - 23:59:59" placeholder="请选择时间" />
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#test4' //指定元素
,type: 'time' //设置为时间选择
,format: 'HH:mm:ss' //设置时间格式
,range: true //开启时间区间
});
});
</script>
上述代码中，我们通过type属性将输入框的类型设置为time，通过format属性设置时间格式为"HH:mm:ss"，同时通过range属性来开启时间区间功能。用户在选择时间时，就会在输入框中显示选择的时间范围。
七、针对多个输入框设置默认时间
当我们需要针对多个输入框设置默认时间时，可以通过循环来实现。比如，我们可以通过jQuery来选中所有需要设置默认时间的输入框，然后通过循环逐一设置默认时间。
<input class="laydate-input" name="date[]" placeholder="请选择日期" />
<input class="laydate-input" name="date[]" placeholder="请选择日期" />
<input class="laydate-input" name="date[]" placeholder="请选择日期" />
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
$("input[name='date[]']").each(function(){
laydate.render({
elem: this //指定元素
,value: '2022-01-01' //设置默认时间
});
});
});
</script>
上述代码中，我们通过循环选中所有需要设置默认时间的输入框，然后通过laydate.render方法来逐一设置默认时间。
总结
在laydate中设置默认时间，我们可以通过设置初始值、调用方法设置、使用done回调函数、设置默认时间范围、自定义默认时间格式、设置时间区间、针对多个输入框设置默认时间等多种方式来实现。根据实际需求和使用场景，可以选择不同的设置方式来实现默认时间的设置。
