用layui的时间框组件写一组开始日期到结束日期的
时间: 2024-02-09 17:07:49 浏览: 28
您好,以下是使用Layui时间框组件写一组开始日期到结束日期的示例代码:
HTML代码:
```
<div class="layui-form-item">
<label class="layui-form-label">开始日期</label>
<div class="layui-input-block">
<input type="text" name="start_date" id="start_date" class="layui-input" placeholder="请选择开始日期">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">结束日期</label>
<div class="layui-input-block">
<input type="text" name="end_date" id="end_date" class="layui-input" placeholder="请选择结束日期">
</div>
</div>
```
JavaScript代码:
```
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#start_date' //指定元素
});
//执行一个laydate实例
laydate.render({
elem: '#end_date' //指定元素
});
});
```
使用以上代码,即可实现一个简单的开始日期到结束日期的时间框组件。您可以根据自己的需求对其进行样式和功能的进一步定制。