Как создать ссылку на предыдущий и следующий день возле поля выбора даты jquery

Question

Как создать ссылку на предыдущий и следующий день возле поля выбора даты jquery

0

Я новичок в программировании Javascript и jquery. Мне нужно создать ссылку с "<предыдущая" и "следующая>" рядом с полем jqery datepicker. После щелчка по этим ссылкам дни должны вернуться или идти вперед (например: День 2014-01-19, после нажатия следующей ссылки 2014-01-20).

Я проверил код по этой ссылке Ошибка при создании ссылки "<предыдущая" и "следующая>" (дата) для jQueryUI datepicker с помощью setdate, но это не сработает.

Когда я нажимаю следующую или предыдущую или следующую ссылку, ничего не происходит.

Следуйте за кодом, который я пробовал:

<script>
$(function() {
    $( "#datepicker" ).datepicker();
});

// Next Day Link
$('a#next').click(function () {
    $("#datepicker").datepicker('setDate', '+1');
    refreshSchedule();
    return false;
});

// Previous Day Link
$('a#previous').click(function () {
    $("#datepicker").datepicker('setDate', '-1');
    refreshSchedule();
    return false;
});
</script>

HTML:

<form id="dateForm">
    <a href="" id="previous">&laquo; Previous</a>
    <input name="datepicker" type="text" id="datepicker" />
    <a href="" id="next">Next &raquo;</a>
</form>

РЕДАКТИРОВАТЬ:

rgbfawed большое спасибо, хорошо работает ваше предложение.

Но теперь у меня новая проблема, например, в списке выбора даты по умолчанию - 2014-01-19. Если я нажму на следующую ссылку, сборщик даты будет обновлен до 2014-01-20.
Но если я снова щелкнул дальше, чтобы обновить сборщик дат до 2014-01-21, выбор даты сохранит значение 2014-01-20.

Как я могу исправить это, чтобы обновить подборщик дат согласно тому, как пользователь нажимает предыдущую или следующую ссылку?

Для вашего предложения я обновил свою форму, посмотрите:

<form id="dateForm" target="bla.php" method="post">
    <a href="#" id="previous">&laquo;</a>
    <input name="datepicker" type="text" id="datepicker" />
    <a href="#" id="next">&raquo;</a>
    <input name="OK" type="submit">
</form>

Ricardo Moura 19 янв. 2014, в 23:04

Источник

0

Что такое refreshScedule ()? Это часть интерфейса DatePicker?
rgbflawed 20 янв. 2014, в 14:11
0

Я не знаю, что означает этот refreshScedule (). Я получаю этот код только по этой ссылке: stackoverflow.com/questions/1652948/… . Я искал эту функцию в пользовательском интерфейсе datepicker, но ничего не нашел. Этот код отвечает за увеличение или уменьшение дней?
Ricardo Moura 21 янв. 2014, в 17:05

Теги:

javascript

jquery

hyperlink

date

datepicker

1 ответ

Ещё вопросы

Что такое refreshScedule ()? Это часть интерфейса DatePicker?
Я не знаю, что означает этот refreshScedule (). Я получаю этот код только по этой ссылке: stackoverflow.com/questions/1652948/… . Я искал эту функцию в пользовательском интерфейсе datepicker, но ничего не нашел. Этот код отвечает за увеличение или уменьшение дней?

rgbflawed · Accepted Answer · 2014-01-19T20-46-00.000Z

События кликов должны быть внутри $ (document).ready(function() {}); чтобы работать. Как это...

<script>
$(function() {
    $( "#datepicker" ).datepicker();
});

$(document).ready(function(){
    // Next Day Link
    $('a#next').click(function () {
        $("#datepicker").datepicker('setDate', '+1');
        refreshSchedule();
        return false;
    });

    // Previous Day Link
    $('a#previous').click(function () {
        $("#datepicker").datepicker('setDate', '-1');
        refreshSchedule();
        return false;
    });
});
</script>