JavaScript 시간 범위 효과 구현

본 논문 의 사례 는 자 바스 크 립 트 가 시간 범위 효 과 를 실현 하 는 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
현재 시간 이전의 시간 범위(6 개 월 전)
효과 도

js 파일 코드

/*      （      ） Add By Vivian 2020/12/04 */
//rangeVal:         num：    timeType：      
function funGetRangeDateByLess(rangeVal,num,timeType){
    var returnVal="";
    var otherVal="";
    var otherTime="";
    var curTime = new Date();
    var curTimeVal= curTime.getFullYear() + '-' + PrefixZero((curTime.getMonth() + 1), 2) + '-' + PrefixZero(curTime.getDate(), 2);
    switch (timeType) {
        case 1:// 
            var addMinutes = curTime.setMinutes(curTime.getMinutes() - num);
            otherTime=new Date(addMinutes);
            break;
        case 2:// 
            var addMinutes = curTime.setHours(curTime.getHours() - num);
            otherTime=new Date(addMinutes);
            break;
        case 3:// 
            var addDate = curTime.setDate(curTime.getDate() - num);
            otherTime=new Date(addDate);
            break;
        case 4:// 
            var addMonth = curTime.setMonth(curTime.getMonth() - num);
            otherTime=new Date(addMonth);
            break;
        case 5:// 
            var addYear = curTime.setFullYear(curTime.getFullYear() - num);
            otherTime=new Date(addYear);
            break;
        default:
            break;
    }
    otherVal= otherTime.getFullYear() + '-' + PrefixZero((otherTime.getMonth() + 1), 2) + '-' + PrefixZero(otherTime.getDate(), 2);
    return returnVal=otherVal+rangeVal+curTimeVal;
}

/*     Add By Vivian 2020/12/04 */
function PrefixZero(num, n) {
    return (Array(n).join(0) + num).slice(-n);
}

코드 필름 사용

var fillhelptime=funGetRangeDateByLess(" , ",6,4);
laydate.render({
        elem: "#fillhelptime",
        range: ",",
        type: 'date',
        value:fillhelptime,//   
});

어떤 날짜 의 시간 범위(전후 며칠)
효과 도

js 파일 코드

/*      （         ） Add By Vivian 2021/04/06 */
//rangeVal:         date：     beforeDays： N  afterDays： N 
function funGetRangeDateByBeforeAndAfter(rangeVal,date,beforeDays,afterDays){
    var dateVaule1 = new Date(date);//       
    var dateVaule2 = new Date(date);//       
    var startDate = new Date(dateVaule1.setDate(dateVaule1.getDate() - beforeDays));// N 
    var endDate = new Date(dateVaule2.setDate(dateVaule2.getDate() + afterDays));// N 
    var date1= startDate.getFullYear() + '-' + PrefixZero((startDate.getMonth() + 1), 2) + '-' + PrefixZero(startDate.getDate(), 2);
    var date2= endDate.getFullYear() + '-' + PrefixZero((endDate.getMonth() + 1), 2) + '-' + PrefixZero(endDate.getDate(), 2);
    var returnVal=date1+rangeVal+date2;
    return returnVal;
}

/*     Add By Vivian 2020/12/04 */
function PrefixZero(num, n) {
    return (Array(n).join(0) + num).slice(-n);
}

어느 시점 의 시간 범위(전후 며칠)
효과 도

js 파일 코드

/*      （           ） Add By Vivian 2021/04/06 */
//rangeVal:         timeType：       date：     beforeDays： N  afterDays： N 
function funGetRangeDateByBeforeAndAfter(rangeVal,timeType,date,beforeNum,afterNum){
    var dateVaule1 = new Date(date);//       
    var dateVaule2 = new Date(date);//       
    var startDate = "";
    var endDate = "";
    switch (timeType) {
        case 1:// 
            startDate = new Date(dateVaule1.setMinutes(dateVaule1.getMinutes() - beforeNum));// N  
            endDate = new Date(dateVaule2.setMinutes(dateVaule2.getMinutes() + afterNum));// N  
            break;
        case 2:// 
            startDate = new Date(dateVaule1.setHours(dateVaule1.getHours() - beforeNum));// N  
            endDate = new Date(dateVaule2.setHours(dateVaule2.getHours() + afterNum));// N  
            break;
        case 3:// 
            startDate = new Date(dateVaule1.setDate(dateVaule1.getDate() - beforeNum));// N 
            endDate = new Date(dateVaule2.setDate(dateVaule2.getDate() + afterNum));// N 
            break;
        case 4:// 
            startDate = new Date(dateVaule1.setMonth(dateVaule1.getMonth() - beforeNum));// N 
            endDate = new Date(dateVaule2.setMonth(dateVaule2.getMonth() + afterNum));// N 
            break;
        case 5:// 
          startDate = new Date(dateVaule1.setFullYear(dateVaule1.getFullYear() - beforeNum));// N 
            endDate = new Date(dateVaule2.setFullYear(dateVaule2.getFullYear() + afterNum));// N 
            var addYear = curTime.setFullYear(curTime.getFullYear() - num);
            break;
        default:
            break;
    }
    var returnVal1= startDate.getFullYear() + '-' + PrefixZero((startDate.getMonth() + 1), 2) + '-' + PrefixZero(startDate.getDate(), 2);
    var returnVal2= endDate.getFullYear() + '-' + PrefixZero((endDate.getMonth() + 1), 2) + '-' + PrefixZero(endDate.getDate(), 2);
    var returnVal=returnVal1+rangeVal+returnVal2;
    return returnVal;
}

/*     Add By Vivian 2020/12/04 */
function PrefixZero(num, n) {
    return (Array(n).join(0) + num).slice(-n);
}

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.