为Javascript Date对象增加小时数?

问题描述 投票:319回答:13

我很惊讶Javascript的Date对象没有实现任何类型的添加功能。

我只想要一个可以做到这一点的函数:

var now = Date.now();
var fourHoursLater = now.addHours(4);

function Date.prototype.addHours(h) {

   // how do I implement this?  

}

我只想在一个方向上指点一些。

  • 我需要进行字符串解析吗?
  • 我可以使用setTime吗?
  • 毫秒怎么样?

像这样:

new Date(milliseconds + 4*3600*1000 /*4 hrs in ms*/)?  

这看起来真的很乱 - 它甚至可以工作吗?

javascript datetime prototype-programming
13个回答
320
投票

JavaScript本身具有可怕的日期/时间API。这是在纯JavaScript中实现它的唯一方法。我推荐使用Datejs - 正如Nosredna所建议的那样 - 如果你正在做很多日期操作的话。

Date.prototype.addHours = function(h) {
  this.setTime(this.getTime() + (h*60*60*1000));
  return this;
}

3
投票

对于javascript中的简单加/减小时/分钟函数,请尝试以下方法:

function getTime (addHour, addMin){
    addHour = (addHour?addHour:0);
    addMin = (addMin?addMin:0);
    var time = new Date(new Date().getTime());
    var AM = true;
    var ndble = 0;
    var hours, newHour, overHour, newMin, overMin;
    //change form 24 to 12 hour clock
    if(time.getHours() >= 13){
        hours = time.getHours() - 12;
        AM = (hours>=12?true:false);
    }else{
        hours = time.getHours();
        AM = (hours>=12?false:true);
    }
    //get the current minutes
    var minutes = time.getMinutes();
    // set minute
    if((minutes+addMin) >= 60 || (minutes+addMin)<0){
        overMin = (minutes+addMin)%60;
        overHour = Math.floor((minutes+addMin-Math.abs(overMin))/60);
        if(overMin<0){
            overMin = overMin+60;
            overHour = overHour-Math.floor(overMin/60);
        }
        newMin = String((overMin<10?'0':'')+overMin);
        addHour = addHour+overHour;
    }else{
        newMin = minutes+addMin;
        newMin = String((newMin<10?'0':'')+newMin);
    }
    //set hour
    if(( hours+addHour>=13 )||( hours+addHour<=0 )){
        overHour = (hours+addHour)%12;
        ndble = Math.floor(Math.abs((hours+addHour)/12));
        if(overHour<=0){
            newHour = overHour+12;
            if(overHour == 0){
                ndble++;
            }
        }else{
            if(overHour ==0 ){
                newHour = 12;
                ndble++;
            }else{
                ndble++;
                newHour = overHour;
            }
        }
        newHour = (newHour<10?'0':'')+String(newHour);
        AM = ((ndble+1)%2===0)?AM:!AM;
    }else{
        AM = (hours+addHour==12?!AM:AM);
        newHour = String((Number(hours)+addHour<10?'0':'')+(hours+addHour));
    }
    var am = (AM)?'AM':'PM';
    return new Array(newHour, newMin, am);
};

这可以在没有参数的情况下使用以获得当前时间

getTime();

或者使用参数来获得添加的分钟/小时的时间

getTime(1,30); // adds 1.5 hours to current time
getTime(2);    // adds 2 hours to current time
getTime(0,120); // same as above

甚至负面时间也有效

getTime(-1, -30); // subtracts 1.5 hours from current time

这个函数返回一个数组

array([Hour], [Minute], [Meridian])

2
投票

另一种处理方法是将日期转换为unixtime(epoch),然后在(milli)秒内添加等效值,然后将其转换回来。通过这种方式,您可以处理日期和月份转换,例如将时间增加4小时至21,这将导致第二天01:00。


1
投票

SPRBRN是正确的。为了计算月份和年份的开始/结束,您需要转换为Epoch并返回。

这是你如何做到这一点:

var milliseconds = 0;          //amount of time from current date/time
var sec = 0;                   //(+): future
var min = 0;                   //(-): past
var hours = 2;
var days = 0;

var startDate = new Date();     //start date in local time (we'll use current time as an example)

var time = startDate.getTime(); //convert to milliseconds since epoch

//add time difference
var newTime = time + milliseconds + (1000*sec) + (1000*60*min) + (1000*60*60*hrs) + (1000*60*60*24)

var newDate = new Date(newTime);//convert back to date; in this example: 2 hours from right now

或者在一行中进行(变量名称与上面相同:

var newDate = 
    new Date(startDate.getTime() + millisecond + 
        1000 * (sec + 60 * (min + 60 * (hours + 24 * days))));

0
投票

有点凌乱,但它的作品!

给出这样的日期格式:2019-04-03T15:58

  //Get the start date.
  var start = $("#start_date").val();
  //Split the date and time.
  var startarray = start.split("T");
  var date = startarray[0];
  var time = startarray[1];

  //Split the hours and minutes.
  var timearray = time.split(":");

  var hour = timearray[0];
  var minute = timearray[1];
  //Add an hour to the hour.
  hour++;
  //$("#end_date").val = start;
  $("#end_date").val(""+date+"T"+hour+":"+minute+"");

您的输出将是:2019-04-03T16:58


352
投票
Date.prototype.addHours= function(h){
    this.setHours(this.getHours()+h);
    return this;
}

测试:

alert(new Date().addHours(4));

113
投票

以下代码是为了添加4个小时(例如今天的日期)

var today = new Date();
today.setHours(today.getHours() + 4);

如果您尝试添加4到23,则不会导致错误(请参阅docs):

如果指定的参数超出预期范围,则setHours()会尝试相应地更新Date对象中的日期信息


39
投票

最好通过返回Date对象的副本而不是改变其参数来使addHours方法不可变。

Date.prototype.addHours= function(h){
    var copiedDate = new Date(this.getTime());
    copiedDate.setHours(copiedDate.getHours()+h);
    return copiedDate;
}

这样你可以链接一堆方法调用而不用担心状态。


17
投票

更改为DST或来自DST时,kennebec建议的版本将失败,因为它是设置的小时数。

this.setUTCHours(this.getUTCHours()+h);

h小时添加到this,不受时间系统特性的影响。 Jason Harwig的方法也适用。


16
投票

你可以使用momentjs http://momentjs.com/图书馆。

var moment = require('moment');
foo = new moment(something).add(10, 'm').toDate();

7
投票

我也认为原始对象不应该被修改。因此,为了节省未来的人力,这是一个基于Jason Harwig'sTahir Hasan答案的综合解决方案:

Date.prototype.addHours= function(h){
    var copiedDate = new Date();
    copiedDate.setTime(this.getTime() + (h*60*60*1000)); 
    return copiedDate;
}

6
投票

Datejs库中有一个添加项。

这是JavaScript date methods。 kennebec明智地提到了getHours()和setHours();


4
投票

检查它是否已经定义,否则在Date原型上定义它:

if (!Date.prototype.addHours) {
    Date.prototype.addHours = function(h) {
        this.setHours(this.getHours() + h);
        return this;
    };
}
© www.soinside.com 2019 - 2024. All rights reserved.