JavaScript Date オブジェクトに 30 分を追加するにはどうすればよいでしょうか? 質問する

JavaScript Date オブジェクトに 30 分を追加するにはどうすればよいでしょうか? 質問する

別の Date オブジェクトより 30 分後の Date オブジェクトを取得したいのですが、JavaScript ではどのようにすればよいですか?

ベストアンサー1

ライブラリの使用

日付を扱う作業が多い場合は、次のようなJavaScriptの日付ライブラリを検討することをお勧めします。ルクソンデイ.js、 またはモーメントたとえば、Moment.js の場合、これは単純に次のようになります。

var newDateObj = moment(oldDateObj).add(30, 'm').toDate();

バニラJavascript

これはカオスの答えただし、1 行で次のようになります。

var newDateObj = new Date(oldDateObj.getTime() + diff*60000);

の時刻diffからの差を分単位で指定します。負の値でもかまいません。oldDateObj

または、複数の場所でこれを実行する必要がある場合は、再利用可能な関数として次のようにします。

function addMinutes(date, minutes) {
    return new Date(date.getTime() + minutes*60000);
}

念のため、分を掛ける理由は、60000分をミリ秒に変換するためです。

Vanilla Javascript には注意してください。日付は難しいです!

日付に 24 時間を追加すれば明日の日付が得られると思うかもしれません。しかし、それは間違いです。

addMinutes(myDate, 60*24); //DO NOT DO THIS

ユーザーが夏時間を採用している場合、1 日は必ずしも 24 時間とは限りません。1 年に 1 日だけ 23 時間、1 年に 1 日だけ 25 時間という日があります。たとえば、米国とカナダのほとんどの地域では、2014 年 11 月 2 日の真夜中から 24 時間後も 11 月 2 日のままです。

const NOV = 10; //because JS months are off by one...
addMinutes(new Date(2014, NOV, 2), 60*24); //In USA, prints 11pm on Nov 2, not 12am Nov 3!

このため、これを使用して多くの作業を行う必要がある場合は、前述のライブラリのいずれかを使用する方が安全です。

以下は私が書いたこの関数のより一般的なバージョンです。ライブラリの使用をお勧めしますが、プロジェクトによってはやりすぎ/不可能かもしれません。構文はMySQL 日付_追加関数。

/**
 * Adds time to a date. Modelled after MySQL DATE_ADD function.
 * Example: dateAdd(new Date(), 'minute', 30)  //returns 30 minutes from now.
 * https://stackoverflow.com/a/1214753/18511
 * 
 * @param date  Date to start with
 * @param interval  One of: year, quarter, month, week, day, hour, minute, second
 * @param units  Number of units of the given interval to add.
 */
function dateAdd(date, interval, units) {
  if(!(date instanceof Date))
    return undefined;
  var ret = new Date(date); //don't change original date
  var checkRollover = function() { if(ret.getDate() != date.getDate()) ret.setDate(0);};
  switch(String(interval).toLowerCase()) {
    case 'year'   :  ret.setFullYear(ret.getFullYear() + units); checkRollover();  break;
    case 'quarter':  ret.setMonth(ret.getMonth() + 3*units); checkRollover();  break;
    case 'month'  :  ret.setMonth(ret.getMonth() + units); checkRollover();  break;
    case 'week'   :  ret.setDate(ret.getDate() + 7*units);  break;
    case 'day'    :  ret.setDate(ret.getDate() + units);  break;
    case 'hour'   :  ret.setTime(ret.getTime() + units*3600000);  break;
    case 'minute' :  ret.setTime(ret.getTime() + units*60000);  break;
    case 'second' :  ret.setTime(ret.getTime() + units*1000);  break;
    default       :  ret = undefined;  break;
  }
  return ret;
}

動作する jsFiddle デモ

おすすめ記事