2013-02-20 116 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"在日期選擇器功能的補充。

相關問題