2016-10-05 1 views
1

私はブートストラップタイムピッカーを使用しています:https://eonasdan.github.io/bootstrap-datetimepicker/#min-view-modeと私は年と月を取得したいので "最小表示モード"を使用します。 「日」はありません。彼らの例では、うまく動作します。しかし、私はそれを使用すると、まずあなたは1年を選択し、その後1ヶ月それは動作します。しかし、あなたがこの値を変更すると、それは日のピッカーを示します。bootstrap-timepicker - 年と月だけを表示する - 表示日セレクタを表示しない

年または月を表示する必要がありますが、日付は表示しないでください。

ここcodepen

:最初の入力でhttp://codepen.io/r2get/pen/bwaZog

<div class="col-xs-12 product-prijs-cont"> 
    <div class="row"> 
     <div class="col-md-6"> 
      <h1 class="custom-h1" style="border:0;"><i class="fa fa-sliders supp-color-price-page"></i>&nbsp;Filter jaar</h1> 
     </div> 
     <div class="col-md-6 padding-bottom-year-filter"> 
      <div class="input-group date" id="datetimepicker" style="margin-top:-3px;"> 
       <input type="text" id="yearSelector" class="form-control input-group-addon" /> 
       <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-calendar"></span> 
       </span> 
      </div> 
     </div> 
    </div> 
</div> 

それは、月最初の選択年間働き、それが年と月を示しています。しかし、それは1年か月を示す必要がありますが、それは1年か月を示す必要があります。

答えて

0

bootstrap-datetimepicker.jsによると、現在のビューモードはリセットされています(理由は分かりませんが、ポップアップが閉じて一度:次の時間がデフォルトのビュー(days)が表示される理由だ

currentViewMode = 0; 

回避策

1つのオプションは、ポップアップが表示されたら、表示yearsビューを強制的に次のようになります。

$("#datetimepicker").on("dp.show", function (e) { 
     $('.datepicker-days').hide(); 
     $('.datepicker-years').show(); 
    }); 

デモ

Updated codepen

関連する問題