JavaScript解析來自輸入類型=「日期」的週日值

我想從html輸入類型的日期和時間使用JavaScript獲取值，我想知道如果有人可以幫助我弄清楚如何解析週日以及。JavaScript解析來自輸入類型=「日期」的週日值

下面是我到目前爲止，

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？

任何幫助將不勝感激。

來源

2017-02-02 Coding newbie

您可能感興趣的['moment.js'（https://momentjs.com/） – qxz

嘿夥計，日期會像前。 mm-dd-yy，你需要全部三個強制性的，你確定，如果是的話，你需要獲取日期的所有三個實體，然後告訴我，我可以解決 – rahulsm

Hi @rahul_m - 有沒有我可以只讀取mm-dd還包括週日？如果這是不可能的，你能告訴我你必須解析工作日的方法，mm-dd-yy嗎？ –

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


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

來源

2017-02-02 07:16:39 user7421148

Hi @Kush - 感謝您在這裏的幫助，但它似乎並沒有改變。你能再幫忙嗎？ –

Hi @Codingnewbie - 我已經包含完整的代碼供您參考。這裏是codepen網址 - http://codepen.io/KodeK/pen/mRxxPq – user7421148

謝謝@庫什 - 這是非常有用的 –

你可以嘗試這樣的，

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。

試試看。它會工作。

來源

2017-02-02 06:56:25 rahulsm

嗯，這個工程，即使與'''dateString'就像'2-1' – qxz

同意，但只是想象一個日期與缺失的任何dd，mm，yy。想象？現在告訴我，無論如何，這是正確的嗎？ – rahulsm

@qxz您必須使用Chrome瀏覽器。它將默認年份設置爲「2001」。在Firefox中試用 – Rajesh

與月份給定的月份和日期，並假設目前的一年中，你可以使用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所示。

來源

2017-02-02 07:00:46 qxz

JavaScript解析來自輸入類型=「日期」的週日值

回答

相關問題