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个世纪。

为简单起见，

如果您需要通过某种模式配置，请使用：minViewMode。
如果您需要将配置为某种模式，请使用：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

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

1 个答案: