您的位置：首页 > Web前端 > JavaScript

js中得到rich:calendar的值

2014-01-07 10:46 162 查看

jsp中代码：

<body>
<h:form id="register">
<rich:panel>
<f:facet name="header">
<h:outputText value="标记*号的必须填写" style="color:red"></h:outputText>
</f:facet>
<table>
<tr>
<th><font color="red"> * </font><h:outputText value="出生日期：" style="font-size: 12px;"/></th>
<td>
<rich:calendar value="#{user.birthdayD}" datePattern="yyyy-MM-dd" enableManualInput="true" id="birthday" required="true"></rich:calendar> 
<h:outputText value="  日期格式:YYYY-MM-DD"  style="font-size: 12px;"></h:outputText>
</td>
</tr>
<tr>

<td>
<a4j:commandButton action="#{user.findBirthday}" value="注册2" id="checkButton2" rendered="true" onclick="javascript:if(!checkNull())return false;"></a4j:commandButton>
</td>
</tr>
</table>
</rich:panel>
</h:form>
</body>

js中代码：

<script type="text/javascript">
function checkNull()
{
var birthday = document.getElementById("register:birthdayInputDate").value;
alert("birthday......."+birthday);
}
</script>由于在页面上显示的rich:calendar 的id为register:birthdayInputDate所以在js中id要写为register:birthdayInputDate。在页面源代码为：

显示效果如下图：

点击“注册2”显示如下效果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： richfaces

相关文章推荐

新的分享

章节导航