我正在尝试自动将当年的当前月份添加到 Bootstrap 下拉列表中。

目前,我手动添加它们,因为我不太擅长 JavaScript。

如何自动将当年剩余的当前月份添加到列表中?

现在我们在二月,它不会添加一月,因为它已经过去了。

我做了一个引导,所以你可以明白我的意思。

http://www.bootply.com/N2H0BAoapL

最佳答案

为此,您可以使用 getMonth() 从当前日期获取月份。从那里您可以遍历剩余的月份并填充 select ,如下所示:

var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var month = (new Date()).getMonth();
for (; month < monthNames.length; month++) {
  $('select').append('<option>' + monthNames[month] + '</option>');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select></select>


这个基本逻辑又可以简化为:

var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var html = monthNames.slice((new Date()).getMonth()).map(function(month) {
   return '<option>' + month + '</option>';
}).join('');
$('select').html(html);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select></select>

关于javascript - Jquery - 自动将当前年份月份添加到下拉列表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41983334/

10-11 22:49
查看更多