JSF JQUERY 使用datepicker
2016-04-29 17:48
323 查看
不推荐使用。可以用primefaces的p:Calendar替代,更换控制使用。
简单使用jquery的datepicker示例:
在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的后面。
简单使用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的后面。
相关文章推荐
- 等待刷新之利器 -- 简单使用JQuery BlockUI
- Yii 中 jQuery 的引入问题
- js报TypeError $(...) is null错误,jquery失效的原因及解决办法
- jQuery控制TR显示隐藏
- Jquery改变td内容为1的颜色
- jquery 垂直无限轮播
- jQuery时间验证和转换为标准格式的时间
- jquery 子窗体获取父窗体控件并赋值,后台调用前台脚本或者在后台直接写脚本
- jquery Jbox 插件实现弹出窗口在修改的数据之后,关闭弹出窗口刷新父页面的问题
- 一个用jquery写的判断div滚动条到底部的方法【推荐】
- jQuery全屏滚动插件FullPage.js中文帮助文档API
- 文件上传功能 -- jquery.form.js/springmvc
- 浅析jquery如何判断滚动条滚到页面底部并执行事件
- jQuery中数据缓存$.data的用法及源码完全解析
- jQuery中的ajax补充
- text-align与val()
- jQuery基础 - 改变CSS样式
- JavaScript、Dom和jQuery
- Jquery正则表达式公式.例子
- jquery对象与js对象的相互转换