始终可见的jQuery UI DatePicker

Question

如何使用jQuery UI显示始终可见的datepicker小部件？

Answer 1

这很简单.保留您的jQuery代码,但将其分配给<div>输入框而不是输入框.

Date:
<div id="datepicker"></div>

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

一个功能性的例子存在于datepicker小部件的jQuery UI网页上,我还在下面包含了一个.

$(function() {
  $("#datepicker").datepicker();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

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

Answer 2

从文档:

只需在div上调用.datepicker()而不是输入.

(显示嵌入页面而不是叠加层中的日期选择器.)