Javascript 12 小時到 24 小時格式轉換器

Question

有什么辦法可以在 JS 中將 12 小時時間格式轉換為 24 小時格式？ 我對 JavaScript 一點都不擅長，所以我仍然很驚訝我能做到這一步。

我想要做的是將時間從 12 小時轉換為 24 小時，以便我可以進行比較，例如如果 endDate 大於 startDate，但我無法理解的是如何將我收到的 12 小時格式轉換為有效的 24 小時格式.

$('#de_endTime').bind('blur', function()
{
    sDate = $('#de_startDate').val();
    startTime = $('#de_startTime').val();
    endTime = $('#de_endTime').val();

    if (startTime == ""){
        alert("First input the start time");
        $('#de_startTime').focus();
    }

    dSplit = sDate.split("-");
    dYear = dSplit[0];
    dMonth = dSplit[1] - 1;
    dDay = dSplit[2];

    stSplit = startTime.split(":");
    stHour = stSplit[0];
    stMin = stSplit[1].split(" ")[0];
    stAmPm = stSplit[1].split(" ")[1];

    etSplit = endTime.split(":");
    etHour = etSplit[0];
    etMin = etSplit[1].split(" ")[0];
    etAmPm = etSplit[1].split(" ")[1];

    fullStartDate = getDateObject(dYear, dMonth, dDay, stHour, stMin);
    fullEndDate = getDateObject(dYear, dMonth, dDay, etHour, etMin);

    if (fullStartDate - fullEndDate > 0){
        alert("Start Time cannot be higher than End Time!");
    }
});

這是 getDateObject() 函數

function getDateObject(year, month, day, hours, minutes) {
  var newDate = new Date();
  newDate.setFullYear(year);
  newDate.setMonth(month);
  newDate.setDate(day);

  newDate.setHours(hours);
  newDate.setMinutes(minutes);
  newDate.setSeconds(0);
  newDate.setMilliseconds(0);
  return newDate;
}

我不確定我是否提供了足夠的細節，但如果沒有，請告訴我:) 謝謝 :)

[ 編輯 ]新代碼，到目前為止似乎輸出一切正常:)

$('#de_endTime').bind('blur', function()
{
    sDate = $('#de_startDate').val();
    startTime = $('#de_startTime').val();
    endTime = $('#de_endTime').val();

    if (startTime == ""){
        alert("First input the start time");
        $('#de_startTime').focus();
    }

    dSplit = sDate.split("-");
    dYear = dSplit[0];
    dMonth = dSplit[1];
    dDay = dSplit[2];

    fullIsoDate = dMonth + "/" + dDay + "/" + dYear;
    //alert(fullIsoDate);

    var fullStartDate = new Date(startTime + ' ' + fullIsoDate);
    var fullEndDate = new Date(endTime + ' ' + fullIsoDate);

    alert(fullStartDate);
    if (fullStartDate - fullEndDate > 0){
        alert("Start Time cannot be higher than End Time!");
    }
    alert(fullEndDate > fullStartDate)
});

Answer 1

日期對象可以直接比較，不關心 12/24 小時格式，所以只需將您的時間放在兩個日期對象中並進行比較。

var dateOne = new Date('1:00 PM 1/1/1900');
var dateTwo = new Date('13:01 1/1/1900');

if(dateOne < dateTwo)
{
    alert('DateOne is before DateTwo');
} else {
    alert('DateOne is after DateTwo');
}

你會收到一個警告框，上面寫着 DateOne 在 DateTwo 之前

Answer 2

我一直在到處尋找簡單的東西來將時間從 24 小時制轉換為 12 小時制，反之亦然。 從字面上看，那里的一切都只處理日期，或時間和日期。 因此，我制作了一個簡單的時間轉換器，並認為其他任何人都需要它（基於第一個示例的拆分方法）。

//usage timeConvert("12:01 PM","24")  results  12:01:00
//OR    timeConvert("12:01:00","12")  results  12:01 PM
function timeConvert(time,twelvOrTwen){ 
    var stSplit = time.split(":");
    var stHour = stSplit[0];
    var stMin = stSplit[1].split(" ")[0];
    var stAmPm = stSplit[1].split(" ")[1];
    var newhr = 0;
    var ampm = '';
    var newtime = '';
   // alert("hour:"+stHour+"\nmin:"+stMin+"\nampm:"+stAmPm); //see current values
    if (twelvOrTwen == "12") {
        if (stHour == 12){
        ampm = "PM";
        newhr = 12;
        }
        else if (stHour == 00){;
        ampm = "AM";
        newmin = stMin;
        newhr = 12;
        }
        else if (stHour > 12){
        newhr = stHour - 12;
        ampm = "PM";
        }
        else {
        newhr = stHour;
        ampm = "AM";
        }
        newtime = newhr+":"+stMin+" "+ampm;
    }
    else if (twelvOrTwen == "24"){
    if ((stAmPm == "pm") || (stAmPm == "PM")){ 
        if (stHour < 12) {
        newhr = (stHour*1)+(1*12); //goes to 13
        }
        else { //means is 12:30 PM
        newhr = 12;
        }
    }
    newtime = newhr+":"+stMin+":"+"00";
    }
    else {
    alert("No Time To Convert Or Didn't Specify 12 or 24");
    }
    return newtime;
}

Answer 3

顯然，這個問題已經很老了，但我會粘貼我的解決方案來回答你的標題所說的問題。 然而，這必須意味着12 hour time format必須帶有一個空格分隔一天的時間和時間，即（ am或pm ）。

解決方案1：

function convertTimeTo24(time) {
    const realTime = time.split(" ");
    if (realTime[1].toLowerCase() === "am") {
        return realTime[0];
    } else {
        const timeToReturn = realTime[0].split(":");
        const increaseHours = Number(timeToReturn[0]) + 12;

        return `${increaseHours}:${timeToReturn[1]}`;
    }
}