Позвоните в jquery datepicker по ссылке и отправьте дату по почте - PullRequest
Новая
       12

Позвоните в jquery datepicker по ссылке и отправьте дату по почте

1 голос
/ 28 мая 2010

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

T пытался использовать этот код для вызова по ссылке: 

$(".click-on-link").click(function(){
    $('#datepicker').datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd/mm/yy',
        firstDay: 1
    });
});

и HTML: 

<a class="click-on-link" href="#">show datepicker</a>

но это не работает. Есть идеи?

Спасибо!

Ответы [ 2 ]

3 голосов
/ 28 мая 2010 
$(function() {
    $(".click-on-link").click(function() {
        $('#datepicker').datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd/mm/yy',
            firstDay: 1,
            onSelect: function(dateText, inst) {
                alert(dateText) // make your AJAX call!
            }
        }).focus(); //make the datepicker appear!
    });
});
0 голосов
/ 28 мая 2010

Я бы начал с инициализации вашего выбора даты, когда страница загружается следующим образом: 

$(document).ready(function() {
     // Date picker initialisation
     $("#datepicker").datepicker({
         showOn: 'button',
         buttonImage: 'images/button_cal.gif',
         buttonImageOnly: true,
         dateFormat: 'd MM yy',
         minDate: new Date(),
         onSelect: function(dateText, inst) {
                    // inst.selectedYear, selectedMonth and selectedDate hold the values you need. Use $.ajax() to send off to the server.
         }
     });

     // Show the date picker
         $(".class").click(function() {
         $("#datepicker").datepicker("show");
     });

});

Попробуйте следующий пример, который позволяет вам щелкнуть текст «Дата», который вызывает для меня средство выбора даты. Возможно, мы можем поработать на этом примере, чтобы ваш сценарий работал: 

<script type="text/javascript">
$(function() {
    $("#datepicker").datepicker({});

    $("#test").click(function(){
        $("#datepicker").datepicker('show');
    });
});
</script>

<p id="test">Date:</p> <input type="text" id="datepicker">
...