如何設置當前小時的下拉菜單的默認選擇？

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>