可以自定义年份选择器,例如使用 jQuery UI 的年份选择器。首先在 app/assets/javascripts
中添加 jQuery UI 的 JavaScript 文件(注意顺序):
//= require jquery
//= require jquery_ui/datepicker
接着在 ActiveAdmin 的 JavaScript 文件中添加以下代码,以自定义年份选择器:
$(function() {
// 自定义年份选择器
$('.datepicker-year').datepicker({
changeYear: true,
changeMonth: false,
showButtonPanel: true,
dateFormat: 'yy',
yearRange: "-100:+0"
});
// 在需要使用的表单字段上添加 class="datepicker-year"
$('.datepicker-year').each(function() {
var $input = $(this);
var year = new Date().getFullYear();
var min = year - 100;
var max = year;
$input.datepicker('option', 'yearRange', min + ':' + max);
});
});
最后在需要使用的表单字段上添加 class="datepicker-year"
即可。