130

私はブートストラップの日付ピッカーを使用しており、私のコードは次のようなものです.Demo of the code on 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'
    });

上記のコードは正常に動作していますが、私がやろうとしているのは、ユーザーが月と年のみを選択できるようにすることです。

その方法を教えてください。

4

9 に答える 9

300

これはどう :

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

参照 : Bootstrap の Datepicker


バージョン 1.2.0 以降でviewModeは、 が に変更されたstartViewため、次を使用します。

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

ドキュメントも参照してください。

于 2013-02-20T07:40:27.297 に答える
8

バージョン 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

于 2013-11-22T05:10:05.387 に答える
3

最新bootstrap-datepicker(執筆時点では 1.4.0) の場合、これを使用する必要があります。

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

ソース: Bootstrap Datepicker オプション

于 2015-04-22T18:58:50.143 に答える
1

月と年のみの変更を許可して、将来の日付にブートストラップカレンダーを使用しています..

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()
        });
于 2016-03-09T06:36:30.427 に答える
-1

select ステートメントが変更されたときに を呼び出して$('.input-group.date').datepicker("remove");から、datepicker ビューを設定してから、$('.input-group.date').datepicker("update");

于 2014-10-31T06:17:27.890 に答える