wdatepicker回显数据问题的完美解决

清疚 2022-02-18 11:13 667阅读 0赞

**wdatepicker回显数据问题的完美解决:**

首先不建议采用form:input而是采用一般的input标签调用该控件！

回显的逻辑过程界定：采集(录入)->存储(插入)—>显示(修改)—>再采集(录入)—>再存储(更新)

**1.采集数据时，进入录入页面**

在javabean中使用双日期字段:一个是string类型的cjgzrq，一个是date类型的aae310  
  字符串类型的用于采集页面数据，date类型的用于存储从数据库获取到的数据  
  注：数据库中的日期字段必须是日期类型

<div class="control-group">  
    <label class="control-label">参加工作日期:</label>  
    <div class="controls">  
       <input id="cjgzrq" name="cjgzrq" type="text" readonly="readonly" maxlength="20"   
          class="input-medium Wdate" value="" οnclick="WdatePicker(\{dateFmt:'yyyyMMdd',isShowClear:false\});"/>

**2.存储数据时，在sql中将字符串类型的数据转成日期类型进行存储**

insert into tname(  
    ....  
    aae310,  
    ...  
  )values(  
    ...  
   to\_date(\#\{cjgzrq\},'yyyymmdd'),  
    ...  
  )

**3.再次显示时，进入修改页面**  
  id和name设置为字符串属性cjgzrq；value属性设置为日期属性aae310  
  <div class="control-group">  
      <label class="control-label">参加工作日期:</label>  
      <div class="controls">  
     <input id="cjgzrq" name="cjgzrq" type="text" readonly="readonly" maxlength="20"   
        class="input-medium Wdate" value="<fmt:formatDate value="$\{xcbBean.aae310\}" pattern="yyyyMMdd" />"                                      οnclick="WdatePicker(\{dateFmt:'yyyyMMdd',isShowClear:false\});"/>       
     <img src="$\{ctxStatic\}/images/icon-clear.png" class="img-icon" alt="清除" title="清除" οnclick="clearkssj();" />  
      </div>  
  </div>

**4.修改后，再次进行采集和存储时**

update tname set   
  ...  
  aae310  = to\_date(\#\{cjgzrq\},'yyyymmdd'),  
  ....  
  where id = \#\{id\}