當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JSF JQUERY 使用datepicker
生活随笔
收集整理的這篇文章主要介紹了
JSF JQUERY 使用datepicker
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
不推薦使用。可以用primefaces的p:Calendar替代,更換控制使用。
?
簡單使用jquery的datepicker示例:
<!doctype html> <html lang="en"> <head><meta charset="utf-8"><title>jQuery UI Datepicker - Default functionality</title><link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"><script src="http://code.jquery.com/jquery-1.10.2.js"></script><script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script><link rel="stylesheet" href="/resources/demos/style.css"><script>$(function() {$("[id='reg:datepicker1']").datepicker();$( "#datepicker" ).datepicker();});</script> </head> <body><p>Date: <input type="text" id="reg:datepicker1"></p> <p>Date: <input type="text" id="datepicker"></p></body> </html>在jsf中,可以這樣寫:
<h:inputText id="datepicker1"></h:inputText>
<p>Date: <input type="text" id="datepicker"/></p>
但是datepicker1會被自動加上reg:datepicker1,這樣script更改為:
<script>
$(function() {
$("[id='reg:datepicker1']").datepicker();
$( "#datepicker" ).datepicker();
//$( "#reg:datepicker1" ).datepicker();
});
</script>
一定要放在jquery link的后面。
總結
以上是生活随笔為你收集整理的JSF JQUERY 使用datepicker的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Kafka 0.9 新消费者API
- 下一篇: Jetty+json-lib库抛异常的问