시간 제어 연동, 선택 날짜에 따라 칠일

페이지가 초기화 될 때, 현재의 시간을 구하여, 최대 종료 시간, 최소 시작 시간을 설정.
사용자가 시작 시간을 선택하면, 트리거 이벤트 변경, 사용자가 선택한 시간에 액세스 +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;
    }

추천

출처blog.csdn.net/User_Lily/article/details/92972166