【jQuery日期处理】选择开始时间,自动结束时间

例如:选择开始时间,自动给结束时间赋值

1.页面引入<script type="text/javascript" src="../../../styles/js/jquery-1.6.2.js"></script>

2.HTML代码

<tr>
	<td class="category">
		开始时间:
	</td>
	<td>
	 <input id="startTime" name="startTime" type="text" 
                  onClick="WdatePicker({startDate:'当前时间',dateFmt:'yyyy-MM-dd HH:mm:ss'})" onchange="addHours(this.value)"/>
		<font color="#FF0000">*</font>
	</td>
	<td class="category">
		结束时间:
	</td>
	<td>
	 <input id="endTime" name="endTime" type="text" 
                  onClick="WdatePicker({startDate:'当前时间',dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>
		<font color="#FF0000">*</font>
	</td>
</tr>

3.日期对象重定义

//时间格式化
Date.prototype.format = function(format){
    /*
     * eg:format="yyyy-MM-dd hh:mm:ss";
     */
    if(!format){
        format = "yyyy-MM-dd hh:mm:ss";
    }
    var o = {
            "M+": this.getMonth() + 1, // month
            "d+": this.getDate(), // day
            "h+": this.getHours(), // hour
            "m+": this.getMinutes(), // minute
            "s+": this.getSeconds(), // second
            "q+": Math.floor((this.getMonth() + 3) / 3), // quarter
            "S": this.getMilliseconds()
            // millisecond
    };
    if (/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (var k in o) {
        if (new RegExp("(" + k + ")").test(format)) { 
            format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" +o[k]).length));
        }
    }
    return format;
};
4.js函数声明
		function addHours(startTime){
			var start=new Date(startTime.replace("-", "/").replace("-", "/"));
			start.setHours(start.getHours()+2);
			$("#endTime").val(start.format("yyyy-MM-dd hh:mm:ss"));
		}


你可能感兴趣的:(【jQuery日期处理】选择开始时间,自动结束时间)