如何在一周和几天内制作动态表格?

时间:2017-09-17 15:21:23

标签: javascript html forms time datetimepicker

我一直在寻找一段时间没有运气。 我正在尝试用动态的html编写一个表单。用户将首先选择工作日(例如星期一),然后以30分钟为增量(例如下午2:30)选择时间。

我知道可以从DateTimePicker获取时间表,我可以为工作日制作一个简单的选项表单,但有没有办法将两者动态连接到同一个表单?

非常感谢,

1 个答案:

答案 0 :(得分:0)

怎么样:

var select = document.createElement('SELECT');
select.name = "days";

var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];

for (var i = 0; i < days.lentgh; i++)
{
    var option = document.createElement('OPTION');
    option.value = days[i];
    option.textContent = days[i];
    select.body.appendChild(option);
}

document.body.appendChild(select);


var select = document.createElement('SELECT');
select.name = "time";

for (var i = 0; i < (24*2); i++)
{
    var option = document.createElement('OPTION');
    var x = (i % 2 === 0) ? '30' : '00';
    var y = (i / 2) + ':' + x;  
    option.value = y;
    option.textContent = y;
}

document.body.appendChild(select);

你可以在&#34; document.body.appendChild(select);&#34;身体与例如的getElementById(&#39; yourId&#39)