jquery - ポップアップとしてのjquerydatepicker？

Question

私はjqueryに非常に慣れておらず、javascriptの基本的な経験しかありません。

クリックするとJQueryのdatepickerポップアップが表示され、html入力が入力されるhtml入力が必要です。 http://docs.jquery.com/UI/Datepicker

誰かが私にこれを達成する方法の例を教えてもらえますか、または私を正しい方向に向けるリンクを教えてもらえますか？

ありがとう。

Answer 1

jQuery UI データピッカーを使用します。追加するのは非常に使いやすく、ユーザーが使用するのは非常に簡単です。

http://jqueryui.com/demos/datepicker/

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



<div class="demo">

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

</div><!-- End demo -->

Answer 2

div で作成してからポップします。これが最も簡単な方法です。

<div id="datepickerholder" style="display: none;">
    <div id="datepicker"></div>
</div>
<a id="pop">pop datepicker</a>

そしてJS

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

クリック後にインスタンスを作成することもできます。つまり、
別のJSの隠しコンテナはありませんが、引き続き機能します

<div id="datepicker"></div>
<a id="pop">pop datepicker</a>

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