bootstrap 日期控件起始日期&结束日期相互约束

引入控件

使用bootstrap的日期控件需要单独引入bootstrap-datetimepicker.min.css和bootstrap-datetimepicker.min.js 

使用场景

单独引入一个日期控件可以参考上面提供的连接地址上的案例。此处介绍的是怎么使用两个日期控件，一个为开始日期，另外一个为结束日期，两个日期之间建立相互约束关系。即开始日期不能大于结束日期，结束日期不能小于开始日期。

使用方法

两个时间输入：

<input size="16" type="text" id="BeginTime" readonly class="form_datetime">
--
<input size="16" type="text" id="EndTime" readonly class="form_datetime">

js代码如下：

//开始时间的插件
    $("#BeginTime").datetimepicker({ 
	}).on('changeDate', function (ev) {
	    var starttime = $("#BeginTime").val();
	    $("#EndTime").datetimepicker('setStartDate', starttime);
	    $("#BeginTime").datetimepicker('hide');
	}); $('#BeginTime').datetimepicker('setEndDate', new Date()); //开始时间不能大于当前时间
	//结束时间的插件
	$("#EndTime").datetimepicker({ 
	}).on('changeDate', function (ev) {
	    var starttime = $("#BeginTime").val();
	    var endtime = $("#EndTime").val();
	    $("#BeginTime").datetimepicker('setEndDate', endtime);
	    $("#EndTime").datetimepicker('hide');
	});