我在两个不同的页面中使用IBM http://www.ibm.com/jsf/html_extended自定义组件,其中一个以时尚的方式显示日期选择器,如左侧照片photo1及其代码
<tr>
<td width="20%">To Date:
<FONT id="toDtColor" color="red" style="display:inline">*</FONT>
</td>
<td width="30%">
<h:inputText id="textSearchToDate1" value="#{SearchTransactionView.searchToDate}" styleClass="mediumInput" disabled="false" readonly="false">
<hx:convertDateTime timeZone="#{BaseBean.defaultTimeZone}" pattern="EEE, dd MMM yyyy" />
<hx:inputHelperDatePicker id="datePicker1" />
<hx:inputHelperAssist errorClass="inputText_Error" id="assist1" />
</h:inputText><br/>
<h:message for="textSearchToDate1" styleClass="fieldError"></h:message>
</td>
</tr>
然后我在另一个页面中再次使用此代码,但我发现结果就像上面photo1链接中的右侧照片一样 代码是
<tr>
<td width="20%" valign="top">User Expiration Date:</td>
<td width="30%">
<h:inputText id="UserExpirationDate" value="#{AddUserView.userExpiryDate}" styleClass="mediumInput">
<hx:convertDateTime timeZone="#{BaseBean.defaultTimeZone}" pattern="EEE, dd MMM yyyy" />
<hx:inputHelperDatePicker id="datePicker100" />
</h:inputText>
<br/>
<h:message for="UserExpirationDate" styleClass="fieldError"></h:message>
</td>
</tr>
那么使用这个组件有什么问题?
答案 0 :(得分:0)
第二个代码未能明确指定字体,这与第一个代码段不同,后者似乎导致第二张照片中的字体尺寸不正确。