javascript - 如何创建下拉列表来选择月份和年份

Question

如何使用以下代码在完整日历中创建选择月份和年份的下拉选择列表:

var momObj = moment([您的日期字符串]);

如果选择框中的每个选项都有一个日期值(我建议是每个月的第一天)，那么您所要做的就是将所选值传递给 FullCalendar。

[您的日历].fullCalendar('gotoDate', [所选值]);

这会将您的日历发送到选定的日期。

Answer 1

尝试使用这个:

<select class="form-control bt_select" name="month" id="month">
  <option value="">Select Month</option>
</select>

<script type="text/javascript">
var d = new Date(),
    n = d.getMonth(),
    h = d.getFullYear();

var monthArray = new Array();
monthArray[0] = "January";
monthArray[1] = "February";
monthArray[2] = "March";
monthArray[3] = "April";
monthArray[4] = "May";
monthArray[5] = "June";
monthArray[6] = "July";
monthArray[7] = "August";
monthArray[8] = "September";
monthArray[9] = "October";
monthArray[10] = "November";
monthArray[11] = "December";
for(m = 0; m <= 11; m++) {
    var optn = document.createElement("OPTION");
    optn.text = monthArray[m];
    // server side month start from one
    optn.value = (m+1);

    // if specific month selected
    if ( m == 0) {
        optn.selected = true;

    }
    if( m > n )
    {
        optn.disabled = true;
    }

    document.getElementById('month').options.add(optn);
}
</script>

创建年份下拉列表:

  <select name="year" id="year" class="form-control bt_select">
      <option value="">Select Year</option>
  </select>


<script type="text/javascript">
for(y = 2016; y <= 2025; y++) {
    var optn = document.createElement("OPTION");
    optn.text = y;
    optn.value = y;
    if(y > h)
        optn.disabled = true;

    // if specific-year is 2015 selected
    if (y == 2015) {
        optn.selected = true;
    }

    document.getElementById('year').options.add(optn);
}