web-dev-qa-db-ja.com

Javascript Dateオブジェクトに時間を追加しますか？

JavascriptのDateオブジェクトがいかなる種類のadd関数も実装していないのは驚きです。

私は単にこれを実行できる関数が欲しいのです。

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*/)?

これは本当にハックなようです - そしてそれはうまくいきますか？

javascriptdatetimeprototype-programming
325
Jeff Meatball Yang

JavaScript自体はひどいDate/Time APIを持っています。これが純粋なJavaScriptでそれを行う唯一の方法です。 Nosrednaが示唆しているように、 Datejs を使うことをお勧めします。

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

テスト：

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

以下のコードは、日付に4時間を追加することです（今日の日付の例）

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

4に23を加えようとしてもエラーにはなりません（ docs を参照）。

指定したパラメータが予想範囲外の場合、setHours（）はDateオブジェクトの日付情報をそれに応じて更新しようとします。

105
SuperNova

パラメータを変更するのではなく、Dateオブジェクトのコピーを返すことによってaddHoursメソッドを不変にする方がおそらくよいでしょう。

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

こうすれば、状態を気にせずに一連のメソッド呼び出しを連鎖させることができます。

39
Tahir Hassan

Kennebecが提案するバージョンは、設定されている時間数なので、DSTとの間で変更すると失敗します。

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

時間システムの特性とは無関係に、h時間にthis時間を追加します。 Jason Harwigの方法も同様に機能します。

18
petter

Momentjs http://momentjs.com/ ライブラリを使用できます。

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

元のオブジェクトは変更しないでください。将来の人的資源を節約するために、これは Jason Harwigの と Tahir Hasan に基づく組み合わせた解決策です。 - ）答え：

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

Datejs ライブラリに追加があります。

そしてここに JavaScriptの日付メソッド があります。 kennebecはgetHours（）とsetHours（）について賢明に言及しました。

6
Nosredna

まだ定義されていないか確認し、そうでなければDateプロトタイプで定義します。

if (!Date.prototype.addHours) {
    Date.prototype.addHours = function(h) {
        this.setHours(this.getHours() + h);
        return this;
    };
}
4
Mikael Engver

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])
3
durkinza

これを処理するもう1つの方法は、日付をunixtime（Epoch）に変換してから、（ミリ）秒で同等の値を追加してから、それを元に戻すことです。これにより、21に4時間を追加するなど、日と月の切り替えを処理できます。これにより、翌日の01:00になります。

2
SPRBRN

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


または1行で実行します（変数名は上記と同じです）。

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

少し面倒ですが、うまくいきます。

このような日付フォーマットを考えると：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になります。

0
Captain Sponge