2016-12-30 10 views
0

私は画像の下のようなブートストラップのDateTimePickerをしたい、左矢印の上、それは前日の日付を変更し、横にある矢印で、それは次の日の日付が表示されますクリックし、ブートストラップのDateTimePicker

enter image description here

ありがとうございます。

+1

てくださいあなたが試したことを示すか、最小限の例です。 [MCVE](http://stackoverflow.com/help/mcve) – bhansa

+0

私はちょうど追加したブートストラップ日付ピッカーをお読みください。どのような私が欲しいのは、左矢印をユーザーのクリック、日付フィールドは、前日の日付を変更して、次の日のための右の矢印と同じなければならないときです。 –

答えて

1

だから、ブートストラップデザインでjqueryの日付ピッカーを使用しています。私が間違っていないなら、あなたはソースコードを提供していないからです。 あなたは簡単に次と前の日付を調整することができ、jQueryの日付ピッカーを使用している場合:

HTML

<button id="prev">prev</button> 
<input type="text" id="datepicker"/> 
<button id="next">next</button> 

のjQueryコード:

$("#datepicker").datepicker(); 

$("#prev").click(function(){ 
    var date = $('#datepicker').datepicker('getDate', '-1d'); 
    date.setDate(date.getDate()-1); 
    $('#datepicker').datepicker('setDate', date); 
}) 


$("#next").click(function(){ 
     var date = $('#datepicker').datepicker('getDate', '+1d'); 
    date.setDate(date.getDate()+1); 
    $('#datepicker').datepicker('setDate', date); 
}) 

JSFIDDLE https://jsfiddle.net/noitse/r1s0bwm6/

関連する問題