페이지가 초기화 될 때, 현재의 시간을 구하여, 최대 종료 시간, 최소 시작 시간을 설정.
사용자가 시작 시간을 선택하면, 트리거 이벤트 변경, 사용자가 선택한 시간에 액세스 +7, 최대, 최소의 종료 시각을 설정
어떤 방법을 FormatDate 다른 블로거의 사용이다하지만 난 위쪽에 누가 잊어 버린. . . 미안 해요. . . 내가 점프 링크를 추가했다 있는지 확인하기 위해 저에게 연락하십시오
오프 주제 : 나는 시간 컨트롤은 결국 혼자 사용하여 원하는 결과를 얻을하지 않았다 가장 중요한 마이크로 채널 모바일 브라우저 (수동 웃음)
다음과 같이 전체 코드입니다
var minday = new Date(); //获取当前时间
var maxday = new Date(minday.getTime()+604800000); //毫秒计算:7*24*60*60*1000
minday = FormatDate(minday.getTime());
maxday = FormatDate(maxday.getTime());
//设置开始时间最小值为当日,最大值为当日+7
$("#startTime").attr("min",minday);
$("#startTime").attr("max",maxday);
//设置结束时间最小值为当日,最大值为当日+7
$("#endTime").attr("min",minday);
$("#endTime").attr("max",maxday);
//开始时间状态改变时间
$("#startTime").change(function(){
var startday=new Date($(this).val()); //获取用户选择的开始时间
startday.setDate(startday.getDate()+7); //开始时间+7天
startday=FormatDate(startday); //时间转换为YYYY-MM-DD格式
$("#endTime").attr("max",startday); //最大时间为开始时间+7天
$("#endTime").attr("min",$(this).val()); //最小时间为用户选择的开始时间
});
//转换时间类型为 yyyy-mm-dd
function FormatDate (strTime) {
var date = new Date(strTime);
var formatedMonth = ("0" + (date.getMonth() + 1)).slice(-2);
var formatedDate = ("0" + (date.getDate())).slice(-2);
return date.getFullYear()+"-"+formatedMonth+"-"+formatedDate;
}