Bootstrap-DatePicker选年份后自动触发表单过滤方案咨询

我来帮你搞定这个问题！你的代码没生效主要有两个关键问题，咱们一步步修正：

问题分析 #

• 你绑定的changeYear事件不对：Bootstrap Datepicker（看起来你用的是这个插件）在选择日期/年份后触发的是changeDate事件，不是changeYear
• 你用了页面跳转而不是表单提交，这不符合你移除Filter按钮、直接提交过滤表单的需求

修正后的代码 #

$('.date-own').datepicker({
  minViewMode: 2,
  format: 'yyyy',
  autoclose: true
}).on('changeDate', function(e) {
  // 找到你的过滤表单，这里假设表单的选择器是#filter-form，你可以根据实际情况修改
  $('#filter-form').submit();
});

额外说明 #

1. 事件绑定修正：changeDate是Bootstrap Datepicker官方定义的事件，当用户选择日期（包括年份）后会触发这个事件，同时e.date可以拿到用户选择的年份数据
2. 表单提交逻辑：把跳转页面的代码替换为表单的submit()方法，这样就能直接提交过滤表单，不需要再点击Filter按钮
3. 表单选择器：记得把#filter-form替换成你实际过滤表单的选择器（比如表单的id、class或者标签选择器）

如果你的Datepicker不是Bootstrap版本，那可能需要调整事件名称，但核心逻辑是一致的：绑定正确的选择完成事件，然后触发表单提交。

内容的提问来源于stack exchange，提问作者Andri Setiawan