自举数据采集器-仅限月份和年份

我使用自举数据采集器和我的代码是喜欢下面这样，在 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'
});

上面的代码工作得很好，但是我试图做的是允许用户只选择月份和年份。

你能告诉我怎么做吗？

364353 次浏览
小开
最佳答案

这样吧:

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

参考资料: 自举数据采集器

对于版本1.2.0和更新的版本，viewMode已经更改为 startView，因此使用:

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

也请参阅 文件。

小开

请注意，在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

小开

为什么不调用 $('.input-group.date').datepicker("remove");时，选择语句被改变，然后设置您的数据采集器视图，然后调用 $('.input-group.date').datepicker("update");

小开

对于最新的 bootstrap-datepicker(编写本文时为1.4.0) ，您需要使用以下代码:

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

资料来源: < em > Bootstrap Datepicker Options

小开

我使用的是版本2(同时支持 bootstrap v2和 v3) ，对我来说这个版本是可行的:

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

我使用自举日历未来的日期不允许与允许的变化只在月份和年份..。

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()
});
小开

您应该只能在数据采集器函数中添加 minViewMode: "months"。

小开

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

<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>
小开

你好，如果你只想得到一年，这将有助于你

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

提交答案