我正在关注示例 here和 here但我不能让它工作。你能帮帮我吗?
这里是我定义脚本的地方,下面是我(应该)使用它的地方......
<script>
$(function() {
$( "#createDate" ).datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true
});
});
</script>
<ui:define name="columnFilters">
<th>
<h:inputText value="#{listModel.creationDate}" id="creationDate"
valueChangeListener="#{listController.filterFieldChanged}">
<f:convertDateTime pattern="yyyy-mm-dd"/>
</h:inputText>
</th>
<th>
<h:inputText value="#{listModel.updateDate}" id="upateDate"
valueChangeListener="#{listController.filterFieldChanged}">
<f:convertDateTime pattern="yyyy-mm-dd"/>
</h:inputText>
</th>
<th> </th>
</ui:define>
最佳答案
jQuery ID 选择器必须与生成的 HTML 客户端 ID 完全匹配,您可以在浏览器中右键单击并查看源代码时看到它。
而是使用类名上的 Hook ,这也允许您选择多个元素。例如
$(".datepicker").datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true
});
与
<h:inputText value="#{listModel.creationDate}" styleClass="datepicker"
valueChangeListener="#{listController.filterFieldChanged}">
<f:convertDateTime pattern="yyyy-mm-dd"/>
</h:inputText>
<h:inputText value="#{listModel.updateDate}" styleClass="datepicker"
valueChangeListener="#{listController.filterFieldChanged}">
<f:convertDateTime pattern="yyyy-mm-dd"/>
</h:inputText>
关于java - 将 jquery datepicker 集成到 jsf 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8226840/