2

Web ページで JQuery UI の Datepicker を使用しています。現在、「mydate」というテキストフィールドで動作させることに成功しています。コードは次のとおりです。

$('#releasedate').datepicker({
                changeYear: 'true',
                changeMonth:'true',
                startDate: '07/16/1989',
                firstDay: 1
            });

しかし、私は小さな変化が欲しいです。テキスト フィールドの代わりに、日付ピッカーを開く「日付の選択」というリンクを表示したいと思います。日付を選択すると、非表示のテキスト フィールドの値を更新する必要があります。

私はそれを行うためにさまざまな方法を試しましたが、うまくいきませんでした。JQuery の専門家の皆さん、助けていただけませんか? これに対する解決策が届くのを心待ちにしています。事前にどうもありがとうございました。

4

2 に答える 2

9

実際には、日付ピッカーをに添付し<input type="hidden" />て、リンクをトリガーにして開くことができます。

$(function() {
    $('#hiddenDate').datepicker({
        changeYear: 'true',
        changeMonth: 'true',
        startDate: '07/16/1989',
        firstDay: 1
    });
    $('#pickDate').click(function (e) {
        $('#hiddenDate').datepicker("show");
        e.preventDefault();
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>

<input id="hiddenDate" type="hidden" />
<a href="#" id="pickDate">Select Date</a>

于 2013-04-10T20:59:11.040 に答える