Jquery日期选择器作为弹出窗口？

Question

我对jquery完全不熟悉，只有基本的javascript经验。

我想要一个html输入框，点击后可以弹出JQuery日期选择器，然后填充到html输入框中。 http://docs.jquery.com/UI/Datepicker

有人能给我一个实现此功能的例子或者链接，指导我正确的方向吗？

谢谢。

- Kyle

---

您已经拥有正确的链接，点击下面的“查看源代码”按钮或尝试此链接并再次寻找“查看源代码”按钮。http://jqueryui.com/demos/datepicker/ - Jamund Ferguson

http://jqueryui.com/docs/Getting_Started - Jamund Ferguson

你正在问关于 jQuery UI 对话框弹出窗口的问题吗？ - Thulasiram

Answer 1

使用jQuery UI datapicker。它非常容易添加，用户使用起来也非常简单。

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

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



<div class="demo">

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

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

- Nick Harrison

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>

- Répás