ユーザの入力日から曜日を取得するにはどうすればよいですか？

Question

function date() { 
 
      var input = document.getElementById("input"); 
 

 
     }

<form> 
 
    <input type="date" placeholder="dd:mm:yy" id="input"/> 
 
    <input type="button" value="weekday" onclick="date()"/> 
 
</form> 
 
    <p id="output"> 
 

 
    </p>

にはどうすれば平日を得ることができますか？私は多くのことを試してGoogleで検索しましたが、何も見つかりませんでした。 助けてくれてありがとう！

Answer 1

あなたは要素を取得しているだけで、値を取得する必要があります。

function date() { 
 
    var input = document.getElementById("input").value; 
 
    var date = new Date(input).getUTCDay(); 
 
    
 
    var weekday = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']; 
 
    
 
    document.getElementById('output').textContent = weekday[date]; 
 
}

<form> 
 
    <input type="date" placeholder="dd:mm:yy" id="input" /> 
 
    <input type="button" value="weekday" onclick="date()" /> 
 
</form> 
 
<p id="output"> 
 

 
</p>

日付ピッカーのためのHTML 5入力タイプ=「日付」の形式を使用するたびに

Answer 2

あなたはこのような何かを行うことができますあなたのpタグの値をid = "output"で設定するには、日付形式で変換する必要がないので、以下に示すようにtextContentメソッドを使用することができます：

<form> 
    <input type="date" placeholder="dd:mm:yy" id="selectedDate" /> 
    <input type="button" value="weekday" onclick="date()" /> 
</form> 
<p id="output"></p> 

function date() { 
    var inputDate = document.getElementById("selectedDate").valueAsDate; 
    var day = inputDate.getDay(); 
    var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; 
    document.getElementById('output').textContent = (days[day]); 
} 

dateのgetDay（）関数は、指定された日付の平日の番号を返します。これは、平日の名前配列のインデックス位置として使用されます。

Answer 3

、あなたが直接値を取得することができます

var weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; 

function date() { 
    var input = document.getElementById("input"); 
    var date = new Date(input.value); 
    var weekday = date.getDay(); 

    var output = document.getElementById("output"); 
    output.text = weekdays[weekday]; 
} 

Answer 4

形式mm/dd/yyyyで入力を取りコード：

<script> 
 
    function day_of_week() { 
 
    var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; 
 

 
    var d = document.getElementById('date_input').valueAsDate; 
 
    var n = d.getDay() 
 
    document.getElementById("output").innerHTML = weekday[n]; 
 
    } 
 

 
</script> 
 

 
<form> 
 
    <input type="date" placeholder="dd:mm:yy" id="date_input" /> 
 
    <input type="button" value="Get Weekday" onclick="day_of_week()" /> 
 
</form> 
 
<p id="output"> 
 

 
</p>