如何在jsf中使用jquery日期拾取器

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

请确保在页面加载后设置日期拾取器:

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