jquery - Bootstrap Datepicker - 仅限月份和年份

Question

我正在使用引导日期选择器，我的代码如下所示，在jsfiddle上的代码演示

<div class="input-append date" id="datepicker" data-date="02-2012" 
     data-date-format="mm-yyyy">

 <input  type="text" readonly="readonly" name="date" >    
 <span class="add-on"><i class="icon-th"></i></span>      
</div>      


$("#datepicker").datepicker({
        viewMode: 'years',
         format: 'mm-yyyy'
    });

上面的代码运行良好，但我想做的是只允许用户选择月份和年份。

你能告诉我该怎么做吗？

score 300 · Accepted Answer

这个怎么样：

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    viewMode: "months", 
    minViewMode: "months"
});

参考：Bootstrap 的日期选择器

对于 1.2.0 及更高版本，viewMode已更改为startView，因此请使用：

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    startView: "months", 
    minViewMode: "months"
});

另请参阅文档。

score 8 · Accepted Answer

请注意，在 1.2.0 版本中，viewMode已更改为startView.

例如：

$('#sandbox-container input').datepicker({
  startView: 1,
  minViewMode: 1
});

http://eternicode.github.io/bootstrap-datepicker/?markup=component&format=yyyy&weekStart=&startDate=&endDate=&startView=2&minViewMode=2&todayBtn=false&language=zh-CN&orientation=auto&autoclose=on&forceParse=on#sandbox

score 4 · Accepted Answer

我使用的是版本 2（同时支持 bootstrap v2 和 v3），对我来说这有效：

$("#datepicker").datepicker( {
    format: "mm/yyyy",
    startView: "year", 
    minView: "year"
});

score 3 · Accepted Answer

对于最新bootstrap-datepicker版本（撰写本文时为 1.4.0），您需要使用以下命令：

$('#myDatepicker').datepicker({
    format: "mm/yyyy",
    startView: "year", 
    minViewMode: "months"
})

来源：引导日期选择器选项

score 1 · Accepted Answer

我正在将引导日历用于未来日期，不允许仅在月份和年份中更改..

var j = jQuery.noConflict();
        j(function () {
            j(".datepicker").datepicker({ dateFormat: "dd-M-yy" }).val()
        });

        j(function () {
            j(".Futuredatenotallowed").datepicker({
                changeMonth: true,
                maxDate: 0,
                changeYear: true,
                dateFormat: 'dd-M-yy',
                language: "tr"
            }).on('changeDate', function (ev) {
                $(this).blur();
                $(this).datepicker('hide');
            }).val()
        });

score 1 · Accepted Answer

1

你应该只minViewMode: "months"在你的 datepicker 函数中添加。

于 2017-01-06T07:44:01.467 回答

score 0 · Accepted Answer

要查看当年的月份，并且只查看月份，请使用这种格式 - 它只需要当年的月份。它也可以被限制，以便显示一定数量的月份。

<input class="form-control" id="txtDateMMyyyy"  autocomplete="off" required readonly/>

<script>
('#txtDateMMyyyy').datetimepicker({
    format: "mm/yyyy",
    startView: "year",
    minView: "year"
}).datetimepicker("setDate", new Date());
</script>

score 0 · Accepted Answer

您好，如果您只想获得一年，这将对您有所帮助

  $('.date-own').datepicker({
     minViewMode: 2,
     format: 'yyyy'
   });

score -1 · Accepted Answer

为什么不调用$('.input-group.date').datepicker("remove");选择语句时更改然后设置您的日期选择器视图然后调用$('.input-group.date').datepicker("update");

jquery - Bootstrap Datepicker - 仅限月份和年份

9 回答 9

Related

Reference