Bootstrap datetimepicker со стрелкой влево и вправо

Я хочу загрузчик datetimepicker, как показано ниже,

введите здесь описание изображения

Где щелчок левой стрелкой изменит дату предыдущего дня, а следующая стрелка покажет дату следующего дня.

Заранее спасибо.


javascript datepicker jquery bootstrap-datetimepicker
person Darshana Rana    schedule 30.12.2016    source источник
comment
Пожалуйста, приведите минимальный пример или покажите, что вы пробовали. читать mcve   -  person bhansa    schedule 30.12.2016
comment
Я только что добавил загрузчик datepicker. Я хочу, чтобы когда пользователь нажимал стрелку влево, поле даты должно меняться на дату предыдущего дня и то же самое со стрелкой вправо на следующий день.   -  person Darshana Rana    schedule 30.12.2016

Ответы (1)


arrow_upward
1
arrow_downward

Итак, вы используете средство выбора даты 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/

person noitse    schedule 30.12.2016