<hx:inputhelperdatepicker>用户界面已损坏

时间:2017-08-09 13:28:36

标签: datepicker websphere

我在两个不同的页面中使用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>

那么使用这个组件有什么问题?

1 个答案:

答案 0 :(得分:0)

第二个代码未能明确指定字体,这与第一个代码段不同,后者似乎导致第二张照片中的字体尺寸不正确。