ฉันต้องการได้รับวัตถุวันที่ซึ่งภายหลังจากวัตถุวันที่อื่น 30 นาที ฉันจะทำอย่างไรกับ JavaScript?

ใช้ห้องสมุด

ถ้าคุณกำลังทำมากของการทำงานวันที่คุณอาจต้องการที่จะมองเข้าไปในห้องสมุด JavaScript วันเช่นDatejsหรือMoment.js ตัวอย่างเช่นด้วย Moment.js นี่เป็นเพียง:

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

Vanilla Javascript

นี่เป็นเหมือนคำตอบของความโกลาหลแต่อยู่ในบรรทัดเดียว:

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

ไหนdiffคือความแตกต่างในนาทีที่คุณต้องการจากoldDateObjเวลา 's มันอาจเป็นลบ

หรือเป็นฟังก์ชั่นที่ใช้ซ้ำได้หากคุณต้องการทำสิ่งนี้ในหลาย ๆ ที่:

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 ชั่วโมง ตัวอย่างเช่นในส่วนใหญ่ของสหรัฐอเมริกาและแคนาดา 24 ชั่วโมงหลังเที่ยงคืนวันที่ 2 พฤศจิกายน 2014 ยังคงเป็น 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 ();
var d2 = new Date ( d1 );
d2.setMinutes ( d1.getMinutes() + 30 );
alert ( d2 );

อาจจะเป็นเช่นนี้?

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

console.log(v)

ฉันมักจะสร้าง 7 ฟังก์ชั่นเพื่อทำงานกับวันที่ใน JS: 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)ทุกคน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();

ฉันรู้สึกว่าคำตอบมากมายที่นี่ขาดองค์ประกอบเชิงสร้างสรรค์ที่จำเป็นอย่างมากสำหรับการคำนวณการเดินทางข้ามเวลา ฉันขอนำเสนอทางออกสำหรับการแปลทางโลกเป็นเวลา 30 นาที

(jsfiddle ที่นี่ )

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]());
}

สำหรับคนขี้เกียจอย่างฉัน:

คำตอบของ Kip (จากด้านบน) เป็น coffeescript ใช้ "enum" และปฏิบัติการบนวัตถุเดียวกัน:

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

ใช้ไลบรารีที่มีอยู่ที่รู้จักเพื่อจัดการกับนิสัยใจคอที่เกี่ยวข้องในการจัดการกับการคำนวณเวลา ปัจจุบันที่ชื่นชอบของฉันคือ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>

แค่อีกทางเลือกหนึ่งที่ฉันเขียน:

DP_DateExtensions Library

มันเกินความจริงถ้านี่คือการประมวลผลวันที่ทั้งหมดที่คุณต้องการ แต่มันจะทำสิ่งที่คุณต้องการ

รองรับการจัดรูปแบบวันที่ / เวลา, คณิตศาสตร์วันที่ (เพิ่ม / ลบส่วนของวันที่), เปรียบเทียบวันที่, แยกวันที่ ฯลฯ มันเปิดแหล่งที่มาอย่างอิสระ

คุณสามารถทำสิ่งนี้:

let thirtyMinutes = 30 * 60 * 1000; // convert 30 minutes to milliseconds
let date1 = new Date();
let date2 = new Date(date1.getTime() + thirtyMinutes);
console.log(date1);
console.log(date2);

นี่คือหนึ่งซับของฉัน:

console.log('time: ', new Date(new Date().valueOf() + 60000))

คุณควรรับค่าวันที่ปัจจุบันเพื่อรับวันที่ด้วย (ms) และเพิ่ม (30 * 60 * 1000) ตอนนี้คุณมี (วันที่ปัจจุบัน + 30 นาที) ด้วย ms

console.log('with ms', Date.now() + (30 * 60 * 1000))
console.log('new Date', new Date(Date.now() + (30 * 60 * 1000)))

ฉันรู้ว่าหัวข้อนั้นเก่าเกินไป แต่ฉันค่อนข้างมั่นใจว่ามีผู้พัฒนาบางคนที่ยังต้องการสิ่งนี้อยู่ดังนั้นฉันจึงสร้างสคริปต์ง่าย ๆ สำหรับคุณ ฉันหวังว่าคุณจะสนุกกับมัน!

function strtotime(date, addTime){
  let generatedTime=date.getTime();
  if(addTime.seconds) generatedTime+=1000*addTime.seconds; //check for additional seconds 
  if(addTime.minutes) generatedTime+=1000*60*addTime.minutes;//check for additional minutes 
  if(addTime.hours) generatedTime+=1000*60*60*addTime.hours;//check for additional hours 
  return new Date(generatedTime);
}

let futureDate = strtotime(new Date(), {
    hours: 1, //Adding one hour
    minutes: 45, //Adding fourty five minutes
    seconds: 0 //Adding 0 seconds return to not adding any second so  we can remove it.
});

<button onclick="alert(futureDate)">Travel to the future</button>