【问题标题】:Creating Text Input Rows for each Day of a given Month/Year为给定月/年的每一天创建文本输入行
【发布时间】:2012-04-18 18:29:24
【问题描述】:

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

【问题讨论】:

    标签: php javascript html


    【解决方案1】:

    这可以使用 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>';
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-12-04
      • 1970-01-01
      • 2014-03-02
      • 1970-01-01
      • 1970-01-01
      • 2019-03-20
      • 2011-05-30
      • 1970-01-01
      相关资源
      最近更新 更多