Bootstrap DatePicker-Month视图错误

时间:2018-08-11 14:44:23

标签: javascript datepicker bootstrap-datepicker

我正在将Bootstrap Datepicker与以下月份视图一起使用。

$('#track_datepicker').datepicker({
              autoclose: true,
              viewMode: "months", 
              minViewMode: "months",
              format: "mm/yyyy"
              });

但是此代码不显示完整的日历视图,仅显示月份名称 视图如下。 datepicker view

1 个答案:

答案 0 :(得分:0)

请在下面查看此提琴提要:

http://jsfiddle.net/k5zookLt/2865/

HTML:

<div class="form-group">
    <label>First check in:</label>
    <input type="text" class="form-control form-control-1 input-sm from" placeholder="CheckIn" >
</div>

JS:

$('.from').datepicker({
    autoclose: true,
    minViewMode: 1,
    format: 'mm/yyyy'
})

Bootstrap Calander版本: https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js

请添加CSS以获得正确的视图: https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css

请检查一下。