从引导日期选择器中仅选择日期和月份？

Question

我只需要从引导日期选择器中选择日期和月份。我已经尝试使用 viewMode、minViewMode 之类的属性，但仍然没有成功。

HTML：

<input type="text" class="form-control" name="Date" id="Date" />

JS：

$(document).ready(function () {
  $('#Date').datepicker({
    //dateFormat: 'dd-mm-yy',
    format: 'dd-mm',
    viewMode: 'days',
    minViewMode: 'days',        
    orientation: "bottom left",
    container: "#date-from-container",
    startDate: new Date()
}).on("changeDate", function (e) {        
});
});

你能帮我怎么做吗？

Answer 1

您需要maxViewMode 而不是minViewMode。 startView 提到了打开日期选择器的模式。 0 天（默认）、1 个月、2 年、3 十年、4 世纪。

简单来说，

1. 如果您需要从模式进行配置，请使用：minViewMode。
2. 如果您需要配置模式，请使用：maxViewMode。

$.fn.datepicker.dates.en.titleFormat="MM";
$(document).ready(function(){
    var date_input=$('input[name="date"]'); 
    date_input.datepicker({
      format: 'dd-mm',
      autoclose: true,
      startView: 1,
      maxViewMode: "months",
      orientation: "bottom left",
    })
  });

@import url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.css');
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: #b90000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
<input name="date">

要更新标题格式，设置

$.fn.datepicker.dates.en.titleFormat="MM";。 en 表示 English 语言。

如果在日期选择器中使用不同的语言，这可能会有所不同。 Bootstrap 支持IETF 中指定的语言标签。

标签参考，IETF Language Tag List