2013-02-20 115 views
83

我使用的引导日期选择器和我的代码就像下面的代码,演示在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' 
    }); 

上面的代码工作正常,但我所试图做的是只允许用户选择月份和年份。

你能告诉我该怎么做吗?

+0

我只是使用两个选择框......它会比使用日历小部件更有意义,并试图隐藏实际日历。 – bdares 2013-02-20 07:54:03

+6

即使您有像这样的选项http://jsfiddle.net/Kz2sW/1/,您仍然会使用两个选择框吗? :) – 2013-02-20 08:06:59

回答

190

如何:

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

参考:Datepicker for Bootstrap


对于1.2.0版本和更新,viewMode已更改为startView,所以要用:

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

而且见the documentation

+1

谢谢,但我不得不用格式:“mm-yyyy”替换格式:“mm”。它的工作现在:) – 2013-02-20 08:03:17

+0

也请编辑你的答案 – 2013-02-20 08:05:45

+1

如果你在'mm-yyyy'格式之前保留一个空格,它不会在月份和年份之间显示'-':mm-yyyy“,',你能请再次编辑你的答案? – 2013-02-20 08:08:41

-2

为什么不打电话的时候select语句改变然后设定日期选择视图然后调用$('.input-group.date').datepicker("update");

3

$('.input-group.date').datepicker("remove");最新bootstrap-datepicker(1.4.0在写这篇文章的时候),你需要使用这个:

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

来源:Bootstrap Datepicker Options

5

我使用的版本2(支持引导v2和v3)和我这个工程:

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

将'minView'更改为'minViewMode' – 2017-05-25 21:40:17

0

我使用引导压延机的未来日期不允许有允许改变在几个月只有&年..

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

你应该只minViewMode: "months"在日期选择器功能的补充。

相关问题