jquery 实现1980-2030年、月、日联动

可以使用jQuery和Moment.js库来实现1980-2030年、月、日联动选择器。

首先，需要在HTML中创建三个下拉框，分别用于选择年、月、日：

<select id="year"></select>
<select id="month"></select>
<select id="day"></select>

然后，在JavaScript中使用Moment.js来生成可选的日期和时间，根据选择的年份和月份动态更新下拉框的选项：

// 生成可选的年份
for (var i = 1980; i <= 2030; i++) {
  $('#year').append($('<option />').val(i).html(i));
}

// 根据选择的年份和月份，生成可选的日期
function updateDays() {
  var year = $('#year').val();
  var month = $('#month').val();
  var daysInMonth = moment(year + '-' + month, 'YYYY-MM').daysInMonth();
  $('#day').empty();
  for (var i = 1; i <= daysInMonth; i++) {
    $('#day').append($('<option />').val(i).html(i));
  }
}

// 初始化月份
for (var i = 1; i <= 12; i++) {
  $('#month').append($('<option />').val(i).html(i));
}
// 初始化日期
updateDays();

// 更新日期选项
$('#year, #month').change(function() {
  updateDays();
});

最后，你可以添加额外的CSS样式来美化下拉框。