2012-04-18 7 views
0

私のウェブページでJavaScriptカレンダーを組み込もうとしていて、ユーザーが月と年を(ドロップダウンから)選択すると、その月の毎日をテーブルに入れます。これらの行には、その隣にテキスト入力ボックスがあり、数値だけが入力できます。検証は問題ではなく、その月の毎日の行を作成しています。与えられた月/年の各日のテキスト入力行を作成する

答えて

0

これはJavascriptを使用して行うことができます。月の日数を決定するためのメソッドを作成します:(1 = 1月、2 = 2月...)

function daysInMonth(month, year) { 
    return new Date(year, month, 0).getDate(); 
} 

年と月をドロップダウンで選択された場合、どのループを実行します月の毎日1つのテーブル行を追加します。

var year = document.myForm.listYear.value; // Value of year dropdown (ex 2012). 
var month = document.myForm.listMonth.value; // Value of month dropdown (1-12). 
var table = document.getElementById('myTable'); // Table element. 

var numDays = daysInMonth(month, year); 
for(var i = 0; i < numDays; i++) { 
    table.innerHTML += '<tr><td>' + (i+1) + '</td><td><input type="text" name="day[]" /></td></tr>'; 
} 
関連する問題