twitter-bootstrap - Bootstrap-Selectpicker：使不可点击的年份不可见并直接显示选定年份

Question

以下代码块：

$(".datepicker").datepicker( {
  format: ' yyyy', // Notice the Extra space at the beginning
  viewMode: 'years',
  minViewMode: 'years',
  startDate: '-100y',
  endDate: '-17y'
});

输出：

我有两个问题：

如何使不可点击的年份不可见？

如果用户在输入字段中键入年份，然后单击此输入字段，则所选年份应显示为已标记。

这将是期望的结果：

目前我正在研究以下 API 文档，但尚未找到相关部分。有人能帮我吗？几年前我已经这样做了，但不幸的是我不记得怎么做了。

Answer 1

我稍微浏览了 API，但没有找到这个功能，但是我创建了一个简单的解决方案：

http://jsfiddle.net/m7atu7up/6/

我们只是使用 CSS 来隐藏具有 disabled 类的年份跨度。

.datepicker table tr td span.disabled {
    display: none;
}

要设置所选跨度的样式，我们使用以下选择器：

.datepicker table tr td span.active.active

这个小提琴适用于你的两个问题。