为给定月份/年的每一天创建文本输入行 - Creating Text Input Rows for each Day of a given Month/Year

Creating Text Input Rows for each Day of a given Month/Year

本文关键字：创建每一天文本输入 | 更新日期: 2023-09-27

在我的

网页中，我正在尝试合并一个JavaScript日历，然后当用户选择月份和年份（通过下拉菜单）时，会在表格中为该月的每一天创建行。然后，这些行旁边将有文本输入框，仅允许数值。验证不是问题，而是为该月的每一天创建行。

这可以使用Javascript来完成。创建一个用于确定一个月中的天数的方法：（1 = 一月，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>';
}