JavaScript如何生成指定范圍的時間列表

這篇文章將為大家詳細講解有關(guān)JavaScript如何生成指定范圍的時間列表，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

準備

　date對象有很多的方法，用到了以下：

　  new date ()生成date對象，可以直接指定年月日等，new date(year,month,day)

　  getFullYear() 返回date對象中的年份

　  getMonth() 返回date對象中的月份（0~11），注意從0開始計

　  getDate() 返回date對象中的天，注意從 1 開始計

      getTime() 返回1970年1月1日到date對象的毫秒數(shù)

解析指定范圍

　規(guī)定按照 yyyy-mm-dd格式字符串輸入時間范圍，split分割即可得到開始和結(jié)束時間的年月日，再生成對應的date對象，拿到毫秒數(shù)

 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();

　 注意 ： 月份需要減 1 ，因為是從0開始計的

拿到每一天

　 如何知道時間范圍內(nèi)有那些天呢？上面有了開始和結(jié)束時間距離1970.1.1的毫秒數(shù)，每一天有24 * 60 * 60 * 1000的毫秒數(shù)，所以我們可以通過毫秒數(shù)計算出每一天

  for( let i = startTime ; i <= endTime ; ){
    res.push(formatTime(i,''));
    i += 24 * 60 * 60 * 1000;
  }

格式化輸出

　　將時間格式化，個位數(shù)字補0，加上指定的分割符

function formatTime(time,spliter = '-'){
  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}
}

驗證

關(guān)于“JavaScript如何生成指定范圍的時間列表”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。