2017-04-16 4 views
-2

私はブートストラップdatepickerを使用しています。私は1つの入力で2ヶ月間オープンしたいと思う。現在の月と翌月。ここでdatepickerで2か月を開く

は、一部のWebページである:

https://www.kayak.de/flights

https://www.turna.com/

<input class="form-control date-picker-start" placeholder="Başlangıç Tarihi" type="text"> 

$('.date-picker-start').datepicker({ 
       format: 'dd.mm.yyyy', 
       autoclose : true 
      }).on('changeDate',function(e){ 
       //on change of date on start datepicker, set end datepicker's date 
       $('.date-picker-end').datepicker('setStartDate',e.date) 
      }); 

は、私は、ブートストラップ・日付ピッカーでは、このために、使用するすべてのパラメータがあります。

+0

あなたがする私たちを求めている何の手掛かりを持っていません。あなたにコードを書くように頼んでいるのなら、あなたは間違った場所にいます。 – Rob

+0

@Robこれは、bootstrap-datepickerが存在する場合、このパラメータを学習したいだけです。または任意の方法 – Nevermore

+0

あなたの質問にそれを入れてください。 – Rob

答えて

1

これはnumberOfMonthsを設定することで実現できます。

$('.date-picker-start').datepicker({ 
 
    format: 'dd.mm.yyyy', 
 
    numberOfMonths: 2, 
 
    autoclose : true 
 
}).on('changeDate',function(e){ 
 
    //on change of date on start datepicker, set end datepicker's date 
 
    $('.date-picker-end').datepicker('setStartDate',e.date) 
 
});
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"><script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 

 
<input class="date-picker-start" data-provide="datepicker">

+0

ありがとうございます! – Nevermore

関連する問題