jQuery输入框超级好用的日期控件

引用：

<script type="text/javascript" src="~/Areas/HROnboardingInterview/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<link href="~/Areas/HROnboardingInterview/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet" />

使用：

$('#Date').datetimepicker({ format: 'yyyy-mm-dd', minView: 2 });		//没有时间的日期格式
$('#Time').datetimepicker();							//有

还有很多其他方法，链接如下:

基本配置信息：

$('#searchTime').datetimepicker({
	minView:'month',	//最小显示视图
	format:'yyyy-mm-dd',	//只显示到日期
	autoclose:true});	//选择后自动关闭

http://www.bootcss.com/p/bootstrap-datetimepicker/

我自己用了一个前后限制的用法，也就是start的时间填过以后，end的时间不能小于它，反之亦然。
贴在下面：

function SetDate() {
    if ($('#StartTime').val() != "") {
        $('#EndTime').datetimepicker('setStartDate', $('#StartTime').val());
    }
    else {
        $('#EndTime').datetimepicker('remove');
        $('#EndTime').datetimepicker({ format: 'yyyy-mm-dd', minView: 2 });
    }
    if ($('#EndTime').val() != "") {
        $('#StartTime').datetimepicker('setEndDate', $('#EndTime').val());
    }
    else {
        $('#StartTime').datetimepicker('remove');
        $('#StartTime').datetimepicker({ format: 'yyyy-mm-dd', minView: 2 });
    }
}

封装起来的方法和这个不太一样：

function DateLimit(StartTimeID, EndTimeID) {
    var StartTime = $('#' + StartTimeID).val();
    var EndTime = $('#' + EndTimeID).val();
    if (StartTime != "" && StartTime != null) {
        $('#' + EndTimeID).datetimepicker('setStartDate', StartTime);
    }
    if (EndTime != "" && EndTime != null) {
        $('#' + StartTimeID).datetimepicker('setEndDate', EndTime);
    }
}

调用：

$('#InterviewerPreferStartTime').datetimepicker({ autoclose: true }).on('changeDate', function () { 
    DateLimit("InterviewerPreferStartTime", "InterviewerPreferEndTime" )});