javascript - 没有输入的 jQuery 日期选择器

Question

我有一个相当复杂的网络应用程序，我想向其中添加一些日期选择 UI。

我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的显示方式和时间。不涉及任何表单元素(不，我不会添加 secret 表单字段)，因此极其简单的开箱即用方法根本行不通。

我希望有人可以提供一些关于允许我以编程方式调用日期选择器的模式的指导。我相信我知道如何使用日期选择器的自定义事件来初始化和定位它，并在用户关闭它时恢复所选值。我只是很难实例化日期选择器，因为我没有将它与元素配对。

以下是不起作用的内容:

function doThing(sCurrent, event) { // sCurrent is the current value; event is an event I'm using for positioning information only
    var bIsDate = !isNaN( (new Date(sCurrent)).getTime() );

    jQuery.datepicker('dialog',
        (bIsDate ? new Date(sOriginal) : new Date()), // date
        function() { console.log('user picked a date'); }, // onSelect
        null, // settings (i haz none)
        event // position
    );

}

原因是“jQuery.datepicker”不是一个函数。 (我做错了。)

我并没有接受“对话框”方法——这只是我在不引用表单元素的情况下调用该方法的最佳猜测。

我正在使用 jQuery 1.4.3 和 jQueryUI 1.8.6

Answer 1

从插件页面:http://jqueryui.com/demos/datepicker/#inline

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


<div class="demo">
    Date: <div id="datepicker"></div>
</div><!-- End demo -->

Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input.