JS: ตรวจสอบว่าวันที่น้อยกว่า 1 ชั่วโมงที่แล้ว?


97

มีวิธีตรวจสอบว่าวันที่น้อยกว่า 1 ชั่วโมงที่แล้วหรือไม่?

สิ่งนี้:

<script>
// old date
var olddate = new Date("February 9, 2012, 12:15");

// current date
var currentdate = new Date();

if (olddate >= currentdate - 1 hour) {
    alert("newer than 1 hour");
else {
    alert("older than 1 hour");
}
</script>

คำถามที่แตกต่างกัน - มีวิธีเพิ่มชั่วโมงในวันที่หรือไม่?

แบบนี้:

<script>
var olddate = new Date("February 9, 2012, 12:15") + 15 HOURS; // output: February 10, 2012, 3:15
</script>

คำถามที่สองของคุณอาจจะซ้ำกันได้ของstackoverflow.com/questions/1050720/…
Pbirkoff

คำตอบ:


160

กำหนด

var ONE_HOUR = 60 * 60 * 1000; /* ms */

จากนั้นคุณสามารถทำได้

((new Date) - myDate) < ONE_HOUR

ลองใช้เวลาหนึ่งชั่วโมงนับจากวันที่

new Date(myDate.getTime() + ONE_HOUR)                       

จะไม่รับวันที่ซึ่งอยู่ก่อนหน้าชั่วโมงด้วยหรือไม่? (เช่นค่าความแตกต่างเชิงลบ)
information_interchange

1
@information_interchange ใช่ ถ้า n ชั่วโมงที่แล้วตรงกับ -n ชั่วโมงในอนาคตวันที่ในอนาคตทั้งหมดจะน้อยกว่าหนึ่งชั่วโมงที่ผ่านมา
Mike Samuel

55

การใช้ไวยากรณ์ ES6:

const lessThanOneHourAgo = (date) => {
    const HOUR = 1000 * 60 * 60;
    const anHourAgo = Date.now() - HOUR;

    return date > anHourAgo;
}

การใช้ห้องสมุดMoment :

const lessThanOneHourAgo = (date) => {
    return moment(date).isAfter(moment().subtract(1, 'hours'));
}

ไวยากรณ์ชวเลขที่มีช่วงเวลา :

const lessThanOneHourAgo = (date) => moment(date).isAfter(moment().subtract(1, 'hours'));

สิ่งนี้ใช้ได้กับdayjsด้วย const lessThanOneHourAgo = (date) => { return dayjs(date).isAfter(dayjs().subtract(1, 'hours')); };
turrican_34

มันค่อนข้างใกล้เคียงกับที่ฉันต้องการ ซึ่งเป็นมากกว่าชั่วโมงที่แล้วดังนั้นฉันจึงเพิ่ม isBefore แทน isAfter!
Urasquirrel

9

ห้องสมุดช่วงเวลาที่สามารถจริงๆความช่วยเหลือด่วนนี้ เคล็ดลับคือใช้วันที่เพิ่มเวลาและดูว่าก่อนหน้านี้หรือหลังตอนนี้:

  lastSeenAgoLabel: function() {
    var d = this.lastLogin();
    if (! moment(d).isValid()) return 'danger';  // danger if not a date.
    if (moment(d).add(10, 'minutes').isBefore(/*now*/)) return 'danger'; // danger if older than 10 mins
    if (moment(d).add(5,  'minutes').isBefore(/*now*/)) return 'warning'; // warning if older than 5mins
    return 'success';  // Looks good!
  },

2
//for adding hours to a date
Date.prototype.addHours= function(hrs){
    this.setHours(this.getHours()+hrs);
    return this;
}

ฟังก์ชั่นการโทรเช่นนี้:

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

2

การใช้ช่วงเวลาจะง่ายกว่ามากในกรณีนี้คุณสามารถลองสิ่งนี้:

    let hours = moment().diff(moment(yourDateString), 'hours');

จะให้ค่าจำนวนเต็มเช่น 1,2,5,0etc เพื่อให้คุณสามารถใช้การตรวจสอบเงื่อนไขได้อย่างง่ายดายเช่น:

if(hours < 1) {

นอกจากนี้อีกสิ่งหนึ่งคือคุณจะได้ผลลัพธ์ที่แม่นยำยิ่งขึ้นของความแตกต่างของเวลา (ในรูปทศนิยมเช่น 1.2,1.5,0.7etc) เพื่อให้ได้ผลลัพธ์ประเภทนี้ให้ใช้ไวยากรณ์นี้:

let hours = moment().diff(moment(yourDateString), 'hours', true);

โปรดแจ้งให้เราทราบหากคุณมีข้อสงสัยเพิ่มเติม


0

คุณสามารถทำได้ดังนี้:

  1. ขั้นแรกให้ค้นหาความแตกต่างของวันที่สองวันคือในหน่วยมิลลิวินาที
  2. แปลงมิลลิวินาทีเป็นนาที
  3. หากนาทีน้อยกว่า 60 แสดงว่าวันที่อยู่ภายในชั่วโมงอื่นไม่ใช่ภายในชั่วโมง
var date = new Date("2020-07-12 11:30:10");
var now = new Date();
var diffInMS = now - date;
var msInHour = Math.floor(diffInMS/1000/60);
if (msInHour < 60) {
    console.log('Within hour');
} else {
    console.log('Not within the hour');
}

-2

// ลองสิ่งนี้: // เพื่อเปรียบเทียบสองวันที่:

<Script Language=Javascript>
function CompareDates() 
{ 
    var str1 = document.getElementById("Fromdate").value;
    var str2 = document.getElementById("Todate").value;
    var dt1  = parseInt(str1.substring(0,2),10); 
    var mon1 = parseInt(str1.substring(3,5),10);
    var yr1  = parseInt(str1.substring(6,10),10); 
    var dt2  = parseInt(str2.substring(0,2),10); 
    var mon2 = parseInt(str2.substring(3,5),10); 
    var yr2  = parseInt(str2.substring(6,10),10); 
    var date1 = new Date(yr1, mon1, dt1); 
    var date2 = new Date(yr2, mon2, dt2); 

    if(date2 < date1)
    {
        alert("To date cannot be greater than from date");
        return false; 
    } 
    else 
    { 
        alert("Submitting ...");
    } 
} 

</Script>

หวังว่ามันจะใช้ได้ 4 u ...

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.