laydate时间控件：开始时间，结束时间最大最小值，设置默认时分秒

小路--代码搬运工

于 2022-06-17 16:44:54 发布

阅读量4.5k

点赞数 2

分类专栏：知识点记录文章标签： vue.js javascript 备忘录模式

本文链接：https://blog.csdn.net/m0_58685149/article/details/125335080

版权

本文介绍了如何使用laydate时间控件在Vue.js项目中设置开始和结束时间的默认值及限制。当选择开始时间后，结束时间最小值设为开始时间；反之，选择结束时间后，开始时间最大值不能超过结束时间。同时，展示了完整代码实现和页面效果。

摘要由CSDN通过智能技术生成

首先我们有开始时间和结束时间：

<div class="col-sm-6">
	        <div class="form-group">
	            <label class="col-sm-4 control-label"><@ctx.i18n text = "开始时间"/><font color="red">*</font>：</label>
	            <div class="col-sm-8">
	                <div class="input-group date">
	                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
	                   <input class="form-control time-input" autocomplete="off" name="startTime" id="startTime" data-type="datetime"
                               data-format="yyyy-MM-dd HH:mm:ss" type="text"/>
	                </div>
	            </div>
	        </div>
        </div>

<div class="col-sm-6">
            <div class="form-group">
	            <label class="col-sm-4 control-label"><@ctx.i18n text = "结束时间"/><font color="red">*</font>：</