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

引用:



使用:

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

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

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" )});

你可能感兴趣的:(jQuery输入框超级好用的日期控件)