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>

如何按当前时间设置下拉列表的默认选择？

1 个答案: