现在的位置: 首页 > 综合 > 正文

jquery datepicker 使用心得

2013年09月13日 ⁄ 综合 ⁄ 共 936字 ⁄ 字号 评论关闭

对文本框的时间控件进行大小选择的设置:

$(".datepicker").datepicker({ minDate: 0, maxDate: "+3M" });

对时间的设置

$("#startDate").datepicker('setDate', '+0d');

对时间进行day+1

$("#endDate").datepicker('setDate', '+1d');

对文本框进行最大值最小值设置

var sd = $("#startDate").datepicker('getDate');
$("#endDate").datepicker('option', 'minDate', sd);
/$("#endDate").datepicker('option', 'maxDate', "+3M");

对时间控件进行分解,组合,以及显示

function setTime() {
var startTimeArray = $("#startTime").val().split(":");
var endTimeStr = "";
var d = $("#endDate").datepicker('getDate');
if(startTimeArray[0] >= 23) {
if(!flag)
d.setDate(d.getDate() + 1); 
flag = true;
$("#endDate").datepicker('setDate',d);

endTimeStr = "00:" + startTimeArray[1];
$("#endTime").val(endTimeStr);
}else {
if(flag)
d.setDate(d.getDate() - 1); 
$("#endDate").datepicker('setDate',d);
flag = false;
d.setHours(startTimeArray[0]);
endTimeStr = d.getHours() + 1;
endTimeStr = (endTimeStr+"").length ==2?endTimeStr:"0"+endTimeStr;
endTimeStr = endTimeStr +":" + startTimeArray[1];
$("#endTime").val(endTimeStr);
}
}

抱歉!评论已关闭.