提醒輸入時間返回錯誤

Question

我正在嘗試輸入時間並將其返回給我，以便我可以提醒它。 我收到兩個錯誤：1）嘗試將.toString（）添加到參數或time.toString（）時，“ time.split不是函數”（我想這是因為我沒有傳遞字符串2） ）.split（/：/）無法正確返回。 我將如何提醒時間？ 謝謝！

function changeTime(time) {
    time = time.split(/:/);

    if (time[0] < 12) {
        return (time[0] + time[1] + " AM"); 
    } else if (time[0] == 12) {
        return (time[0] + time[1] + " PM");
    } else if(time[0] > 12) {
        return ((time[0] - 12) + time[1] + " PM");
    } else {
        return("Please enter a valid time!");
    }
}

getTime.addEventListener('click', function() {
    alert("The time is " + changeTime(timeText));
});

編輯：這是我的“ timeText”和“ getTime”輸入字段

   <button id="getTime">Get Time</button>
   <input type="time" id="timeText" />

Answer 1

好像timeText是一個輸入字段。 在這種情況下，要獲取字符串，您必須調用value屬性。

我還想對您的功能進行一些改進

1. 您的時間顯示的是這樣的400PM 。 我對其進行了改進，現在顯示為4:00PM 。
2. 我還檢查了時間字段是否有值。 只有這樣，我才能提醒時間。 之前顯示The time is undefined pm

 var getTime = document.getElementById("get-time"); var timeText = document.getElementById("time-text"); function changeTime(time) { time = time.split(/:/); if (time[0] < 12) { return (time[0] + ":" + time[1] + " AM"); } else if (time[0] == 12) { return (time[0] + ":" + time[1] + " PM"); } else if(time[0] > 12) { return ((time[0] - 12) + ":" + time[1] + " PM"); } else { return("Please enter a valid time!"); } } getTime.addEventListener('click', function() { if (timeText.value) { alert("The time is " + changeTime(timeText.value)); } }); 

 <input id="time-text" type="time"> <button id="get-time">Get Time</button>