如何在jsf中使用jquery datepicker [英] how to use jquery datepicker in jsf

问题描述

我想使用jquery datepicker: http://jqueryui.com/datepicker/

I want to use the jquery datepicker: http://jqueryui.com/datepicker/

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

But I don't know what I need, and here is my code:

<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
});

我将日期签放到的地方是这样的:

The place I put my datepick is like:

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

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

But now, when I click on the inputText, the datepicker is not displayed.

推荐答案

确保在页面加载后设置日期选择器:

Make sure you set up datepicker after page is loaded:

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

这篇关于如何在jsf中使用jquery datepicker的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！