如何设置当前小时的下拉菜单的默认选择？

Question

我试图为网站做一个时间选择器，或者查找jquery，Bootstrap等是否有自己的网站（HTML自己在Firefox上使用AM / PM，但我无法更改），我发现的只是github项目，我可以在此项目中，请使用许多类似的依赖项。

因此，我的最后一个解决方案是添加2个下拉列表，当前时间1个，当前分钟1个。 不是最漂亮的解决方案，但可以完成工作。

<div class="col-lg-2">
    <select name="Hour">
    @{
        for(int i = 0; i < 24; i++)
        {
            @:<option value="@i">@i.ToString("D2")</option>
        }
    }
    </select>
    <b>:</b>
    <select name="Minute">
        @{
            for (int i = 0; i < 60; i++)
            {
                @:<option value="@i">@i.ToString("D2")</option>
            }
        }
    </select>
</div>

我想做的是，有一个日期选择器，将默认日期设置为今天，我想对这些下拉菜单执行相同的操作，首先选择当前小时，然后选择第二分钟。

我怎样才能做到这一点？

（也欢迎提出任何有关改善时钟/计时器的建议，但我发现这足以满足我的项目需求，并且看起来还不错）

Answer 1

您可以从日期中获取时间，并按以下时间重置下拉菜单。

 var html = ''; for (var i = 0; i < 60; i++) { html += "<option value = '" + i + "' >" + i + "</option>"; } $('#minute').append(html); var d = new Date(); var n = d.getMinutes(); $("#minute").val(n); var htm = ''; for (var j = 0; j < 24; j++) { htm += "<option value = '" + j + "' >" + j + "</option>"; } $('#hour').append(htm); var dt = new Date(); var h = dt.getHours(); $("#hour").val(h); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id='minute'> </select> <select id='hour'> </select>