jquery - Jquery datepicker作为弹出窗口？

Question

我对 jquery 很陌生，只有基本的 javascript 经验。

我想要一个 html 输入，单击它会弹出 JQuery datepicker 弹出窗口，它将填充 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>