1

リンクをクリックしたときに日付ピッカーを表示し、選択した日付をポストコールで別のページに送信する必要があります。

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>

しかし、それは機能していません。何か案が?

ありがとう!

4

2 に答える 2

3
$(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!
    });
});
于 2010-05-28T15:31:39.503 に答える
0

次のようにページが読み込まれたときに、最初に日付ピッカーを初期化することから始めます。

$(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">
于 2010-05-28T14:21:14.553 に答える