2016-12-30 3 views
0

나는 이미지 아래처럼을 DateTimePicker 부트 스트랩 원하는, 왼쪽 화살표는 전날의 날짜를 변경하고 다음 화살표는 다음 날의 날짜를 표시합니다 클릭 enter image description here부트 스트랩을 DateTimePicker 왼쪽 및 오른쪽 화살표로

.

미리 감사드립니다.

+1

주시기 바랍니다 당신이 jQuery의 날짜 선택기를 사용하는 경우, 당신은 쉽게 다음과 이전 날짜를 조정할 수 있습니다 최소한의 예 또는 당신이 시도한 것을 보여주십시오. 읽기 [mcve] (http://stackoverflow.com/help/mcve) – bhansa

+0

방금 ​​부트 스트랩 datepicker를 추가했습니다. 내가 원하는 것은 사용자가 왼쪽 화살표를 클릭하면 날짜 필드가 전날 날짜로 변경되고 다음 날짜에는 오른쪽 화살표와 동일해야합니다. –

답변

1

그래서 부트 스트랩 디자인과 함께 jquery date picker를 사용하고 있습니다. 내가 잘못하지 않았다면 소스 코드를 제공하지 않았기 때문입니다.

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

JQuery와 코드

HTML :

$("#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/