ドロップダウンリストから日付をフォーマットするにはどうすればいいですか？

Question

私はあなたがhtmlタグのselectmonthから値に彼自身の を変更すべきだと思う「9月」の代わりに09

function myFunction() { 
var d = new Date(); 
var month = new Array(); 
month[0] = "January"; 
month[1] = "February"; 
month[2] = "March"; 
month[3] = "April"; 
month[4] = "May"; 
month[5] = "June"; 
month[6] = "July"; 
month[7] = "August"; 
month[8] = "September"; 
month[9] = "October"; 
month[10] = "November"; 
month[11] = "December"; 
var x = month[d.document.getElementById("selectmonth").value]; 
var y = document.getElementById("selectyear").value; 
document.getElementById("demo").innerHTML = "Quick summary for " + x + y ; 
} 

Answer 1

すべての月を含む配列を作成し、その配列をインデックスで参照してください。

function myFunction() { 
 

 
    var month = ["January", 
 
       "February", 
 
       "March", 
 
       "April", 
 
       "May", 
 
       "June", 
 
       "July", 
 
       "August", 
 
       "September", 
 
       "October", 
 
       "November", 
 
       "December"] 
 
    
 
    var x = document.getElementById("selectmonth").value; 
 
    var y = document.getElementById("selectyear").value; 
 
    
 
    document.getElementById("demo").innerHTML = "Quick summary for " + month[x - 1] + y ; 
 
}

<input type="text" id="selectmonth" value="9"/> 
 
<input type="text" id="selectyear" value="2016"/> 
 
<div id="demo"></div> 
 
<input type="button" onclick="myFunction()" value="TestMe" />

Answer 2

function myFunction() { 
var month = new Array(); 
month[0] = "January"; 
month[1] = "February"; 
month[2] = "March"; 
month[3] = "April"; 
month[4] = "May"; 
month[5] = "June"; 
month[6] = "July"; 
month[7] = "August"; 
month[8] = "September"; 
month[9] = "October"; 
month[10] = "November"; 
month[11] = "December"; 
var x = month[parseInt(document.getElementById("selectmonth").value,10)]; 
var y = document.getElementById("selectyear").value; 
document.getElementById("demo").innerHTML = "Quick summary for " + x + y ; 
} 

Answer 3

にselectmonthの月の形式を変更する方法をお願いしたいと思います。

window.onload = function(){ 
 
    document.getElementById("select").onchange = function() { 
 
     var get={}; 
 
     get.x=function() { 
 
      return document.getElementById("selectmonth").value; 
 
     } 
 
     get.y=function() { 
 
      return document.getElementById("selectyear").value; 
 
     } 
 
     document.getElementById("demo").innerHTML = 
 
       "Quick summary for " + get.x() + get.y(); 
 
    } 
 
}

<div id="select"> 
 
    <select id="selectmonth"> 
 
     <option name="month" value="">Select...</option> 
 
     <option name="month" value="January">January</option> 
 
     <option name="month" value="February">February</option> 
 
     <option name="month" value="March">March</option> 
 
     <option name="month" value="April">April</option> 
 
     <option name="month" value="May">May</option> 
 
     <option name="month" value="June">June</option> 
 
     <option name="month" value="July">July</option> 
 
     <option name="month" value="August">August</option> 
 
     <option name="month" value="September">September</option> 
 
     <option name="month" value="October">October</option> 
 
     <option name="month" value="November">November</option> 
 
     <option name="month" value="December">December</option> 
 
    </select> 
 
    <select id="selectyear"> 
 
     <option name="year" value="2016" selected>2016</option> 
 
     <option name="year" value="2017">2017</option> 
 
     <option name="year" value="2018">2018</option> 
 
    </select> 
 
</div> 
 
<div id="demo"></div>

お手伝いをしたいです。

Answer 4

あなたはあなたの選択オプションは、月の名前を表示するので、おそらくそれはあなたのオプションが似ていることを意味することをコメントで言った：あなたが、もしそうなら

<option value="09">September</option> 

選択した項目の値と表示名を次のように取得できます。

文脈では

：あなたはなど、「1月」、「2月」を表示するには、ドロップダウン自体をしたい、またはあなただけの選択を変更したい

function myFunction() { 
 
    var monthDropdown = document.getElementById("selectmonth"); 
 
    var x = monthDropdown.value 
 
    var monthName = monthDropdown.options[monthDropdown.selectedIndex].textContent; 
 
    var y = document.getElementById("selectyear").value; 
 
    document.getElementById("demo").innerHTML = "Quick summary for " + monthName + " " + y + " (the month number was " + x + ")"; 
 
} 
 
document.querySelector("button").addEventListener("click", myFunction);

<select id="selectmonth"> 
 
    <option value="01">January</option> 
 
    <option value="02">February</option> 
 
    <option value="03">March</option> 
 
    <option value="04">April</option> 
 
    <option value="05">May</option> 
 
    <option value="06">June</option> 
 
    <option value="07">July</option> 
 
    <option value="08">August</option> 
 
    <option value="09">September</option> 
 
    <option value="10">October</option> 
 
    <option value="11">November</option> 
 
    <option value="12">December</option> 
 
</select> 
 
<input id="selectyear" value="2016"> 
 
<button>Test</button> 
 
<div id="demo"></div>