为给定月/年的每一天创建文本输入行

时间:2012-04-18 18:29:25

标签: php javascript html

在我的网页中,我正在尝试合并JavaScript日历,然后当用户选择月份和年份(通过下拉列表)时,会在表格中为该月的每一天创建行。然后,这些行旁边会有文本输入框,只允许数字值。验证不是问题,它正在为该月的每一天创建行。

1 个答案:

答案 0 :(得分:0)

这可以使用Javascript完成。创建一种方法来确定一个月中的天数:(1 = 1月,2 = 2月......)

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

当在下拉列表中选择年份和月份时,运行一个循环,为每月的每一天添加一个表格行。

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>';
}