IT박스

JavaScript Date 객체에 30 분을 추가하는 방법은 무엇입니까?

itboxs 2020. 9. 30. 09:01
반응형

JavaScript Date 객체에 30 분을 추가하는 방법은 무엇입니까?


다른 Date 객체보다 30 분 늦은 Date 객체를 얻고 싶습니다. JavaScript로 어떻게합니까?


도서관 이용

많은 날짜 작업을 수행하는 경우 Datejs 또는 Moment.js 와 같은 JavaScript 날짜 라이브러리를 살펴볼 수 있습니다 . 예를 들어 Moment.js의 경우 다음과 같습니다.

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

바닐라 자바 ​​스크립트

이것은 혼돈의 대답 과 같지만 한 줄로 표시됩니다.

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

사용자가 일광 절약 시간을 준수하면 하루가 반드시 24 시간이되는 것은 아닙니다. 23 시간에 불과한 하루와 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 DATE_ADD 함수를 모델로 합니다.

/**
 * 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 데모 .


var d1 = new Date (),
    d2 = new Date ( d1 );
d2.setMinutes ( d1.getMinutes() + 30 );
alert ( d2 );

var oldDateObj = new Date();
var newDateObj = new Date();
newDateObj.setTime(oldDateObj.getTime() + (30 * 60 * 1000));
console.log(newDateObj);


var now = new Date();
now.setMinutes(now.getMinutes() + 30); // timestamp
now = new Date(now); // Date object
console.log(now);


아마도 이런 건가요?

var d = new Date();
var v = new Date();
v.setMinutes(d.getMinutes()+30);

console.log(v)


저는 JS에서 날짜 작업을 위해 항상 7 개의 함수를 생성합니다 : addSeconds, addMinutes, addHours, addDays, addWeeks, addMonths, addYears.

여기에서 예를 볼 수 있습니다. http://jsfiddle.net/tiagoajacobi/YHA8x/

사용하는 방법:

var now = new Date();
console.log(now.addMinutes(30));
console.log(now.addWeeks(3));

기능은 다음과 같습니다.

        Date.prototype.addSeconds = function(seconds) {
            this.setSeconds(this.getSeconds() + seconds);
            return this;
        };

        Date.prototype.addMinutes = function(minutes) {
            this.setMinutes(this.getMinutes() + minutes);
            return this;
        };

        Date.prototype.addHours = function(hours) {
            this.setHours(this.getHours() + hours);
            return this;
        };

        Date.prototype.addDays = function(days) {
            this.setDate(this.getDate() + days);
            return this;
        };

        Date.prototype.addWeeks = function(weeks) {
            this.addDays(weeks*7);
            return this;
        };

        Date.prototype.addMonths = function (months) {
            var dt = this.getDate();

            this.setMonth(this.getMonth() + months);
            var currDt = this.getDate();

            if (dt !== currDt) {  
                this.addDays(-currDt);
            }

            return this;
        };

        Date.prototype.addYears = function(years) {
            var dt = this.getDate();

            this.setFullYear(this.getFullYear() + years);

            var currDt = this.getDate();

            if (dt !== currDt) {  
                this.addDays(-currDt);
            }

            return this;
        };

해결하는 가장 쉬운 방법은 자바 스크립트에서 날짜가 숫자라는 것을 인식하는 것입니다. 시작 0또는 'Wed Dec 31 1969 18:00:00 GMT-0600 (CST). Every 1는 밀리 초를 나타냅니다. 값을 가져오고 해당 값을 사용하여 새 날짜를 인스턴스화하여 밀리 초를 더하거나 뺄 수 있습니다. 그 마음으로 아주 쉽게 관리 할 수 ​​있습니다.

const minutesToAdjust = 10;
const millisecondsPerMinute = 60000;
const originalDate = new Date('11/20/2017 10:00 AM');
const modifiedDate1 = new Date(originalDate.valueOf() - (minutesToAdjust * millisecondsPerMinute));
const modifiedDate2 = new Date(originalDate.valueOf() + (minutesToAdjust * millisecondsPerMinute));

console.log(originalDate); // Mon Nov 20 2017 10:00:00 GMT-0600 (CST)
console.log(modifiedDate1); // Mon Nov 20 2017 09:50:00 GMT-0600 (CST)
console.log(modifiedDate2); // Mon Nov 20 2017 10:10:00 GMT-0600 (CST)

이것은 꽤 잘 작동하는 것 같습니다.

Date.prototype.addMinutes = function(minutes) {
    var copiedDate = new Date(this.getTime());
    return new Date(copiedDate.getTime() + minutes * 60000);
}

그런 다음 다음과 같이 호출 할 수 있습니다.

var now = new Date();
console.log(now.addMinutes(50));

다음은 ES6 버전입니다.

let getTimeAfter30Mins = () => {
  let timeAfter30Mins = new Date();
  timeAfter30Mins = new Date(timeAfter30Mins.setMinutes(timeAfter30Mins.getMinutes() + 30));
};

다음과 같이 호출하십시오.

getTimeAfter30Mins();

I feel many of the answers here are lacking a creative component, very much needed for time travel computations. I present my solution for a temporal translation of 30 minutes.

(jsfiddle here)

function fluxCapacitor(n) {
    var delta,sigma=0,beta="ge";
    (function(K,z){

        (function(a,b,c){
            beta=beta+"tT";
            switch(b.shift()) {
                case'3':return z('0',a,c,b.shift(),1);
                case'0':return z('3',a,c,b.pop());
                case'5':return z('2',a,c,b[0],1);
                case'1':return z('4',a,c,b.shift());
                case'2':return z('5',a,c,b.pop());
                case'4':return z('1',a,c,b.pop(),1);
            }
        })(K.pop(),K.pop().split(''),K.pop());
    })(n.toString().split(':'),function(b,a,c,b1,gamma){
       delta=[c,b+b1,a];sigma+=gamma?3600000:0; 
       beta=beta+"im";
    });
    beta=beta+"e";
    return new Date (sigma+(new Date( delta.join(':')))[beta]());
}

For the lazy like myself:

Kip's answer (from above) in coffeescript, using an "enum", and operating on the same object:

Date.UNIT =
  YEAR: 0
  QUARTER: 1
  MONTH: 2
  WEEK: 3
  DAY: 4
  HOUR: 5
  MINUTE: 6
  SECOND: 7
Date::add = (unit, quantity) ->
  switch unit
    when Date.UNIT.YEAR then @setFullYear(@getFullYear() + quantity)
    when Date.UNIT.QUARTER then @setMonth(@getMonth() + (3 * quantity))
    when Date.UNIT.MONTH then @setMonth(@getMonth() + quantity)
    when Date.UNIT.WEEK then @setDate(@getDate() + (7 * quantity))
    when Date.UNIT.DAY then @setDate(@getDate() + quantity)
    when Date.UNIT.HOUR then @setTime(@getTime() + (3600000 * quantity))
    when Date.UNIT.MINUTE then @setTime(@getTime() + (60000 * quantity))
    when Date.UNIT.SECOND then @setTime(@getTime() + (1000 * quantity))
    else throw new Error "Unrecognized unit provided"
  @ # for chaining

Use an existing library known to handle the quirks involved in dealing with time calculations. My current favorite is moment.js.

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.js"></script>
<script>
 var now = moment(); // get "now"
 console.log(now.toDate()); // show original date
 var thirty = moment(now).add(30,"minutes"); // clone "now" object and add 30 minutes, taking into account weirdness like crossing DST boundries or leap-days, -minutes, -seconds.
 console.log(thirty.toDate()); // show new date
</script>

Just another option, which I wrote:

DP_DateExtensions Library

It's overkill if this is all the date processing that you need, but it will do what you want.

Supports date/time formatting, date math (add/subtract date parts), date compare, date parsing, etc. It's liberally open sourced.

참고URL : https://stackoverflow.com/questions/1197928/how-to-add-30-minutes-to-a-javascript-date-object

반응형