Làm cách nào để nhận được sự khác biệt giữa hai Ngày trong JavaScript?

Tôi đang tạo một ứng dụng cho phép bạn xác định các sự kiện với một khung thời gian. Tôi muốn tự động điền ngày kết thúc khi người dùng chọn hoặc thay đổi ngày bắt đầu. Tuy nhiên, tôi không thể tìm ra cách để có được sự khác biệt giữa hai thời điểm và sau đó làm thế nào để tạo Ngày kết thúc mới bằng cách sử dụng sự khác biệt đó.

Trong JavaScript, ngày có thể được chuyển đổi thành số mili giây kể từ epoc bằng cách gọi getTime()phương thức hoặc chỉ sử dụng ngày trong biểu thức số.

Vì vậy, để có được sự khác biệt, chỉ cần trừ hai ngày.

Để tạo một ngày mới dựa trên sự khác biệt, chỉ cần chuyển số mili giây vào hàm tạo.

var oldBegin = ...
var oldEnd = ...
var newBegin = ...

var newEnd = new Date(newBegin + oldEnd - oldBegin);

Điều này sẽ hoạt động

CHỈNH SỬA : Đã sửa lỗi do @bdukes chỉ ra

CHỈNH SỬA :

Để giải thích về hành vi, oldBegin, oldEnd, và newBeginlà Datetrường hợp. Gọi các toán tử +và -sẽ kích hoạt tự động truyền Javascript và sẽ tự động gọi valueOf()phương thức nguyên mẫu của các đối tượng đó. Nó xảy ra rằng valueOf()phương thức được thực hiện trong Dateđối tượng như một lời gọi đến getTime().

Nên về cơ bản: date.getTime() === date.valueOf() === (0 + date) === (+date)

JavaScript hỗ trợ hoàn hảo sự khác biệt về ngày tháng

var msMinute = 60*1000, 
    msDay = 60*60*24*1000,
    a = new Date(2012, 2, 12, 23, 59, 59),
    b = new Date("2013 march 12");


console.log(Math.floor((b - a) / msDay) + ' full days between');
console.log(Math.floor(((b - a) % msDay) / msMinute) + ' full minutes between');

Bây giờ một số cạm bẫy. Thử cái này:

console.log(a - 10);
console.log(a + 10);

Vì vậy, nếu bạn có nguy cơ thêm một số và Ngày, hãy chuyển đổi Ngày thành numbertrực tiếp.

console.log(a.getTime() - 10);
console.log(a.getTime() + 10);

Ví dụ nắm tay của tôi thể hiện sức mạnh của đối tượng Date nhưng nó thực sự có vẻ là một quả bom hẹn giờ

Xem JsFiddle DEMO

    var date1 = new Date();    
    var date2 = new Date("2025/07/30 21:59:00");
    //Customise date2 for your required future time

    showDiff();

function showDiff(date1, date2){

    var diff = (date2 - date1)/1000;
    diff = Math.abs(Math.floor(diff));

    var days = Math.floor(diff/(24*60*60));
    var leftSec = diff - days * 24*60*60;

    var hrs = Math.floor(leftSec/(60*60));
    var leftSec = leftSec - hrs * 60*60;

    var min = Math.floor(leftSec/(60));
    var leftSec = leftSec - min * 60;

    document.getElementById("showTime").innerHTML = "You have " + days + " days " + hrs + " hours " + min + " minutes and " + leftSec + " seconds before death.";

setTimeout(showDiff,1000);
}

cho Mã HTML của bạn:

<div id="showTime"></div>

Nếu bạn không quan tâm đến thành phần thời gian, bạn có thể sử dụng .getDate()và .setDate()chỉ đặt phần ngày.

Vì vậy, để đặt ngày kết thúc thành 2 tuần sau ngày bắt đầu, hãy làm như sau:

function GetEndDate(startDate)
{
    var endDate = new Date(startDate.getTime());
    endDate.setDate(endDate.getDate()+14);
    return endDate;
}

Để trả lại sự khác biệt (tính theo ngày) giữa hai ngày, hãy làm như sau:

function GetDateDiff(startDate, endDate)
{
    return endDate.getDate() - startDate.getDate();
}

Cuối cùng, hãy sửa đổi hàm đầu tiên để nó có thể lấy giá trị được trả về bởi hàm thứ 2 làm tham số:

function GetEndDate(startDate, days)
{
    var endDate = new Date(startDate.getTime());
    endDate.setDate(endDate.getDate() + days);
    return endDate;
}

Cảm ơn @ Vincent Robert , tôi đã kết thúc bằng cách sử dụng ví dụ cơ bản của bạn, mặc dù đó là thực tế newBegin + oldEnd - oldBegin. Đây là giải pháp cuối cùng được đơn giản hóa:

    // don't update end date if there's already an end date but not an old start date
    if (!oldEnd || oldBegin) {
        var selectedDateSpan = 1800000; // 30 minutes
        if (oldEnd) {
            selectedDateSpan = oldEnd - oldBegin;
        }

       newEnd = new Date(newBegin.getTime() + selectedDateSpan));
    }

Tùy thuộc vào nhu cầu của bạn, hàm này sẽ tính toán chênh lệch giữa 2 ngày và trả về kết quả theo ngày thập phân.

// This one returns a signed decimal. The sign indicates past or future.

this.getDateDiff = function(date1, date2) {
    return (date1.getTime() - date2.getTime()) / (1000 * 60 * 60 * 24);
}

// This one always returns a positive decimal. (Suggested by Koen below)

this.getDateDiff = function(date1, date2) {
    return Math.abs((date1.getTime() - date2.getTime()) / (1000 * 60 * 60 * 24));
}

Nếu sử dụng moment.js, có một giải pháp đơn giản hơn, sẽ cung cấp cho bạn sự khác biệt về số ngày trong một dòng mã.

moment(endDate).diff(moment(beginDate), 'days');

Chi tiết bổ sung có thể được tìm thấy trong trang moment.js

Chúc mừng, Miguel

function compare()
{
  var end_actual_time    = $('#date3').val();

  start_actual_time = new Date();
  end_actual_time = new Date(end_actual_time);

  var diff = end_actual_time-start_actual_time;

  var diffSeconds = diff/1000;
  var HH = Math.floor(diffSeconds/3600);
  var MM = Math.floor(diffSeconds%3600)/60;

  var formatted = ((HH < 10)?("0" + HH):HH) + ":" + ((MM < 10)?("0" + MM):MM)
  getTime(diffSeconds);
}
function getTime(seconds) {
  var days = Math.floor(leftover / 86400);

  //how many seconds are left
  leftover = leftover - (days * 86400);

  //how many full hours fits in the amount of leftover seconds
  var hours = Math.floor(leftover / 3600);

  //how many seconds are left
  leftover = leftover - (hours * 3600);

  //how many minutes fits in the amount of leftover seconds
  var minutes = leftover / 60;

  //how many seconds are left
  //leftover = leftover - (minutes * 60);
  alert(days + ':' + hours + ':' + minutes);
}

mã mở rộng modificitaion thay thế ..

http://jsfiddle.net/vvGPQ/48/

showDiff();

function showDiff(){
var date1 = new Date("2013/01/18 06:59:00");   
var date2 = new Date();
//Customise date2 for your required future time

var diff = (date2 - date1)/1000;
var diff = Math.abs(Math.floor(diff));

var years = Math.floor(diff/(365*24*60*60));
var leftSec = diff - years * 365*24*60*60;

var month = Math.floor(leftSec/((365/12)*24*60*60));
var leftSec = leftSec - month * (365/12)*24*60*60;    

var days = Math.floor(leftSec/(24*60*60));
var leftSec = leftSec - days * 24*60*60;

var hrs = Math.floor(leftSec/(60*60));
var leftSec = leftSec - hrs * 60*60;

var min = Math.floor(leftSec/(60));
var leftSec = leftSec - min * 60;




document.getElementById("showTime").innerHTML = "You have " + years + " years "+ month + " month " + days + " days " + hrs + " hours " + min + " minutes and " + leftSec + " seconds the life time has passed.";

setTimeout(showDiff,1000);
}

function checkdate() {
    var indate = new Date()
    indate.setDate(dat)
    indate.setMonth(mon - 1)
    indate.setFullYear(year)

    var one_day = 1000 * 60 * 60 * 24
    var diff = Math.ceil((indate.getTime() - now.getTime()) / (one_day))
    var str = diff + " days are remaining.."
    document.getElementById('print').innerHTML = str.fontcolor('blue')
}

<html>
<head>
<script>
function dayDiff()
{
     var start = document.getElementById("datepicker").value;
     var end= document.getElementById("date_picker").value;
     var oneDay = 24*60*60*1000; 
     var firstDate = new Date(start);
     var secondDate = new Date(end);    
     var diffDays = Math.round(Math.abs((firstDate.getTime() - secondDate.getTime())/(oneDay)));
    document.getElementById("leave").value =diffDays ;
 }
</script>
</head>
<body>
<input type="text" name="datepicker"value=""/>
<input type="text" name="date_picker" onclick="function dayDiff()" value=""/>
<input type="text" name="leave" value=""/>
</body>
</html>

mã này điền vào thời gian của các năm học khi bạn nhập ngày bắt đầu và ngày kết thúc (ngày đủ điều kiện được tích lũy) của nghiên cứu và kiểm tra xem thời lượng dưới một năm nếu có, thông báo có lưu ý đến ba yếu tố đầu vào đầu tiên txtFromQualifDatevà thứ hai txtQualifDatevà thứ batxtStudyYears

nó sẽ hiển thị kết quả của số năm với phân số

function getStudyYears()
    {
        if(document.getElementById('txtFromQualifDate').value != '' && document.getElementById('txtQualifDate').value != '')
        {
            var d1 = document.getElementById('txtFromQualifDate').value;

            var d2 = document.getElementById('txtQualifDate').value;

            var one_day=1000*60*60*24;

            var x = d1.split("/");
            var y = d2.split("/");

            var date1=new Date(x[2],(x[1]-1),x[0]);

            var date2=new Date(y[2],(y[1]-1),y[0])

            var dDays = (date2.getTime()-date1.getTime())/one_day;

            if(dDays < 365)
            {
                alert("the date between start study and graduate must not be less than a year !");

                document.getElementById('txtQualifDate').value = "";
                document.getElementById('txtStudyYears').value = "";

                return ;
            }

            var dMonths = Math.ceil(dDays / 30);

            var dYears = Math.floor(dMonths /12) + "." + dMonths % 12;

            document.getElementById('txtStudyYears').value = dYears;
        }
    }

Nếu bạn sử dụng đối tượng Ngày và sau đó sử dụng getTime() hàm cho cả hai ngày, nó sẽ cung cấp cho bạn thời gian tương ứng của chúng kể từ ngày 1 tháng 1 năm 1970 trong một giá trị số. Sau đó, bạn có thể nhận được sự khác biệt giữa những con số này.

Nếu điều đó không giúp được bạn, hãy xem tài liệu đầy đủ: http://www.w3schools.com/jsref/jsref_obj_date.asp

Đoạn mã dưới đây sẽ trả về những ngày còn lại từ hôm nay đến ngày tương lai.

Phụ thuộc: jQuery và MomentJs.

var getDaysLeft = function (date) {
  var today = new Date();
  var daysLeftInMilliSec = Math.abs(new Date(moment(today).format('YYYY-MM-DD')) - new Date(date));
  var daysLeft = daysLeftInMilliSec / (1000 * 60 * 60 * 24);   
  return daysLeft;
};

getDaysLeft('YYYY-MM-DD');

var getDaysLeft = function (date1, date2) {
   var daysDiffInMilliSec = Math.abs(new Date(date1) - new Date(date2));
   var daysLeft = daysDiffInMilliSec / (1000 * 60 * 60 * 24);   
   return daysLeft;
};
var date1='2018-05-18';
var date2='2018-05-25';
var dateDiff = getDaysLeft(date1, date2);
console.log(dateDiff);

ĐÂY LÀ NHỮNG GÌ TÔI ĐÃ TRÊN HỆ THỐNG CỦA TÔI.

var startTime=("08:00:00").split(":");
var endTime=("16:00:00").split(":");
var HoursInMinutes=((parseInt(endTime[0])*60)+parseInt(endTime[1]))-((parseInt(startTime[0])*60)+parseInt(startTime[1]));
console.log(HoursInMinutes/60);