2017-04-27 54 views
1

當我在下拉菜單中選擇「過去24小時」時,我有一個下拉菜單(值爲「過去24小時」,「過去48小時」等) 我需要從現在到昨天的所有日期,每隔一小時。獲取24小時日期和時間循環在javascript中

我試圖此,

var todayDate = new Date(); 
    if(type=="hours"){ // for hours based drop-down 
     var oneDayAgo = new Date(todayDate.getTime()); 
     oneDayAgo.setDate(todayDate.getDate() - 1); 
     console.log("oneDayAgo"+oneDayAgo); 
     var hours = todayDate.getHours(); 
     for(var i = hours; i <= hours+24; i++) { 
      if(i<25){ 
       var newHours=i; 
       var newDates=todayDate.getFullYear() + "-" + ("00" + (todayDate.getMonth() + 1)).slice(-2) + "-" + ("00" + todayDate.getDate()).slice(-2) + " " + ("00" +newHours).slice(-2) + ":" + ("00" + todayDate.getMinutes()).slice(-2) + ":" + ("00" + todayDate.getSeconds()).slice(-2); 
       console.log(newDates); 
      }else{ 
       var newHours=i-24; 
       var newDates=oneDayAgo.getFullYear() + "-" + ("00" + (oneDayAgo.getMonth() + 1)).slice(-2) + "-" + ("00" + oneDayAgo.getDate()).slice(-2) + " " + ("00" +newHours).slice(-2) + ":" + ("00" + oneDayAgo.getMinutes()).slice(-2) + ":" + ("00" + oneDayAgo.getSeconds()).slice(-2); 
       console.log(newDates); 
      } 
     } 
    } 

我的期望輸出是,

例如當前日期和時間是2014年4月27日13點07分的裝置,

輸出像2014-04 -27 13:07,2014-04-27 12:07,2014-04-27 11:07,2014-04-27 10:07 .... 2014-04-26 13:07

please help在這。謝謝

+0

避免在循環中創建變量。之前創建它們並在裏面使用它們。 – franckstifler

回答

0

function getDateItems(hours) { 
 
    var toDate = new Date(); 
 
    var fromDate = new Date(); 
 
    fromDate.setTime(fromDate.getTime() - (hours * 60 * 60 * 1000)); 
 
    var result = []; 
 
    
 
    while (toDate >= fromDate) { 
 
    result.push(toDate.getFullYear() + "-" + ("00" + (toDate.getMonth() + 1)).slice(-2) + "-" + ("00" + toDate.getDate()).slice(-2) + " " + ("00" + toDate.getHours()).slice(-2) + ":" + ("00" + toDate.getMinutes()).slice(-2) + ":" + ("00" + toDate.getSeconds()).slice(-2)); 
 
    // consider using moment.js library to format date 
 
    
 
    toDate.setTime(toDate.getTime() - (1 * 60 * 60 * 1000)); 
 
    } 
 

 
    return result; 
 
} 
 

 
var datesFrom24Hours = getDateItems(24); 
 
var datesFrom48Hours = getDateItems(48); 
 

 
console.log(datesFrom24Hours);

+0

謝謝..其工作符合我的期望 – user3265033

0

這裏有一個working sample,這可能是你想要的。

//get type and hoursOption from dropdowns 
var type = 'hours' 
var hoursOption = 48; 

var todayDate = new Date(); 

if(type=="hours"){ // for hours based drop-down 

    var hours = todayDate.getHours(); 
    for(var i = hours; i <= hours + hoursOption; i++) { 
      todayDate.setHours(todayDate.getHours() - 1) 
     var newDates = todayDate.getFullYear() + "-" + ("00" + (todayDate.getMonth() + 1)).slice(-2) + "-" + ("00" + todayDate.getDate()).slice(-2) + " " + ("00" + todayDate.getHours()).slice(-2) + ":" + ("00" + todayDate.getMinutes()).slice(-2) + ":" + ("00" + todayDate.getSeconds()).slice(-2); 
      console.log(newDates); 

    } 
} 

for-loop對於可變hours我加入hourOption它來自下拉選項,例如。 24,48,72等

內部循環你採取todayDate,只是比以前少加一個小時,所以它會顯示小時倒數。