2013-02-20 26 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

私はちょうど2つの選択ボックスを使用しています...カレンダーウィジェットを使用し、実際のカレンダーを隠そうとするよりもはるかに理にかなっています。 – bdares

+6

このようなオプションがある場合でも、2つの選択ボックスを使用しますか?http://jsfiddle.net/Kz2sW/1/? :) –

答えて

190

これはどう:

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

参考:バージョン1.2.0以降の場合Datepicker for Bootstrap


は、viewModestartViewに変更されているので、使用します。また

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

the documentationを参照してください。

+1

ありがとうございますが、 'format:" mm "'を 'format:" mm-yyyy "'に置き換えなければなりませんでした。それは今働いています:) –

+0

答えを編集してください –

+1

'mm-yyyy'の前に' 'mm-yyyy'のスペースを入れておくと、月と年の間に' -'が表示されません。あなたの答えをもう一度編集してください。 –

-2

なぜselect文が変更されたときに、あなたの日付ピッカービューは1.4.0(最新bootstrap-datepickerについて$('.input-group.date').datepicker("update");

3

を呼び出して設定$('.input-group.date').datepicker("remove");を呼び出しません執筆時点で)、あなたはこれを使用する必要があります:

$('#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'に変更しました。 –

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"を追加する必要があります。

関連する問題