> 웹 프론트엔드 > JS 튜토리얼 > JS는 지정된 범위 내에서 시간 목록을 생성합니다.

JS는 지정된 범위 내에서 시간 목록을 생성합니다.

php中世界最好的语言
풀어 주다: 2018-03-20 10:24:48
원래의
1114명이 탐색했습니다.

이번에는 지정된 범위 내에서 시간 목록을 생성하는 JS를 소개하겠습니다. JS가 지정된 범위 내에서 시간 목록을 생성하는 데 필요한 주의 사항은 무엇입니까?

"YYYYMMDD" 형식, 간단한 기능, 간단한 아이디어

Preparation

Date 개체를 충족하는 지정된 시간 범위 내에서 매일을 가져와야 하는 시나리오에 직면했습니다. 많은 방법이 있으며 다음과 같이 사용됩니다.

  새 날짜()는 날짜 개체를 생성하며 연, 월, 일 등을 직접 지정할 수 있습니다. 새 날짜(년, 월, 일)

  getFullYear()는 날짜 개체의 연도를 반환합니다

  getMonth() 날짜 객체의 월(0)을 반환합니다. ~11), 0

 부터 계산이 시작됩니다. getDate()는 날짜 객체의 일을 반환하고, 1

부터 계산을 시작합니다.       getTime()이 반환됩니다. 1970년 1월 1일부터 날짜 객체까지의 밀리초 수

지정 범위 구문 분석

시간 범위는 yyyy-mm-dd 형식 문자열 에 따라 입력해야 한다고 규정하고, 분할하여 연도, 월을 가져옵니다. 및 시작 및 종료 시간의 날짜를 입력하고 해당 날짜 개체를 생성하여 밀리초를 가져옵니다.

  let st = start.split('-');
  let et = end.split('-');
  let startTime = new Date(st[0],st[1]-1,st[2]).getTime();
  let endTime = new Date(et[0],et[1]-1,et[2]).getTime();
로그인 후 복사

참고: 월 0부터 시작하므로 1을 빼야 합니다. 0

Get Every day

  이를 아는 방법 기간의 일 수는 얼마입니까? 위의 내용은 1970.1.1의 시작 시간과 종료 시간 사이의 밀리초 수를 가지며, 하루는 24*60*60*1000밀리초이므로, 밀리초 수

    for( let i = startTime ; i <= endTime ; ){
        res.push(formatTime(i,&#39;&#39;));
        i += 24 * 60 * 60 * 1000;
    }
로그인 후 복사

를 통해 각 날짜의 밀리초 수를 계산할 수 있습니다. 형식화된 출력

시간 형식을 지정하고, 한 자리 숫자에 0을 추가하고, 지정된 구분 기호를 추가하세요.

function formatTime(time,spliter = &#39;-&#39;){
    let date = new Date(time);
    let year = date.getFullYear();
    let month = (date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' +  (date.getMonth() + 1);
    let day = date.getDate() >= 10 ? date.getDate() : '0' + date.getDate();
    return `${year}${spliter}${month}${spliter}${day}`
}
로그인 후 복사

Verification

더 흥미로운 정보를 보려면 이 기사의 사례를 읽은 후 방법을 마스터하셨을 것입니다. , PHP 중국어 웹사이트의 다른 관련 기사도 주목해주세요!

추천 자료:

JavaScript의 상속 및 프로토타입 체인

text-align이 양쪽 끝에서 정렬을 달성하는 방법

위 내용은 JS는 지정된 범위 내에서 시간 목록을 생성합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿