javascript解析輸入type =“ date”中的工作日值

Question

我試圖使用javascript從html輸入類型的日期和時間獲取值，我想知道是否有人可以幫助我弄清楚如何解析工作日。

以下是我到目前為止的內容，

function showDate_(getdate) {
    var dateformat = getdate.split('-')
    var displaydate = document.getElementById('time')

    if (displaydate) {
        displaydate.textContent = dateformat[1] + '-' + dateformat[2];
    }
}

的HTML

<input onchange="showDate(this.value)" type="date" class="date" />
<div id="time"></div>

從日歷中選擇時間時，輸出將類似於02-06。 如何包含工作日，例如02-06，星期一？

任何幫助將不勝感激。

Answer 1

你可以這樣嘗試

 function getDay() { const week_of_day_arr = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; var dateString = document.getElementById('date').value var day = week_of_day_arr[new Date(dateString).getDay()]; console.log(day); } document.getElementById('btn').addEventListener("click", getDay)

 <input type="text" id="date" placeholder="Enter Date (YYYY-MM-DD)" /> <button id="btn">Get Day</button>

從當前日期開始獲取星期幾。

your_date_string是您的日期，格式為yyyy-mm-dd。

試試看。 它會工作。

Answer 2

在給定的月份和月份中，假設當前年份，則可以使用Date的內置getDay()函數：

// returns a number from 0-6 (Sunday-Saturday)
function getDayOfWeek(month, day) {
  var date = new Date();
  date.setMonth(month-1, day);
  return date.getDay();
}

您可以使用查找數組將該索引轉換為日期名稱，如rahul_m所示。

Answer 3

  function showDate(getdate) { var selectedDate = new Date(getdate); var dateformat = getdate.split('-') var displaydate = document.getElementById('time') var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; if (displaydate) { displaydate.textContent = days[selectedDate.getDay()] + ', ' + dateformat[1] + '-' + dateformat[2]; } }

 <html> <head><title>Date Example</title></head> <body> <input onchange="showDate(this.value)" type="date" class="date" /> <div id="time"></div> </body> </html>

javascript解析輸入type =“ date”中的工作日值

問題描述

3 個解決方案

解決方案1
2 2017-02-02 06:56:25

解決方案2
0 2017-02-02 07:00:46

解決方案3
0 已采納 2017-02-02 07:16:39

javascript解析輸入type =“ date”中的工作日值

問題描述

3 個解決方案

解決方案1 2 2017-02-02 06:56:25

解決方案2 0 2017-02-02 07:00:46

解決方案3 0 已采納 2017-02-02 07:16:39

解決方案1
2 2017-02-02 06:56:25

解決方案2
0 2017-02-02 07:00:46

解決方案3
0 已采納 2017-02-02 07:16:39