jquery - 如何在jsf中使用jquery datepicker

Question

我想使用 jquery 日期选择器：http: //jqueryui.com/datepicker/

但我不知道我需要什么，这是我的代码：

<script src="css/jquery-1.9.1.js"></script>
<script src="css/jquery.ui.core.js"></script>
<script src="css/jquery.ui.widget.js"></script>
<script src="css/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
    $(".datepicker").datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true
});

我放日期选择的地方是这样的：

<h:inputText styleClass="datepicker"></h:inputText>

但是现在，当我单击 inputText 时，不会显示日期选择器。

Answer 1

确保在页面加载后设置 datepicker：

$(document).ready(function() {
  $(".datepicker").datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true})
});