我在页面用的是
My97日期控件
对日期控件感兴趣的可以参照:
http://www.oschina.net/project/tag/278/jquery-calendar
页面中代码如下:
<td><input id="yanbaostarttime_<bean:write name='saleObuBeanList' property='id' />"
type="text" οnfοcus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd',minDate:'%y-%M-{%d}'})"
name="xxxx" style="width:100px;" οnchange="changeDate(<bean:write name='saleObuBeanList' property='id'/>)" value='<bean:write name="saleObuBeanList" property="yanbaostarttimeStr" />'/>
</td>
<td><input id="yanbaoendtime_<bean:write name='saleObuBeanList' property='id' />"
type="text" readonly="true"
name="xxxx" style="width:100px;" value='<bean:write name="saleObuBeanList" property="yanbaoendtimeStr" />'/>
<td>
可能我写得比较复杂,这是因为,我要对查询结果集进行单条修改,所以用到了最基础的input标签,
我的需求是前边选择日期后,自动加三年填充后边日期,例如2014-12-17号,填充后边变为2017-12-16
我的js方法如下:
function changeDate(id){ var str =document.getElementById("yanbaostarttime_"+id).value; str = str.replace(/-/g,"/"); var date = new Date(str); date.setYear(date.getYear()+3); date.setDate(date.getDate() - 1); str = date.getFullYear() + '-' + (parseInt(date.getMonth()) + 1) + '-' + date.getDate(); document.getElementById("yanbaoendtime_"+id).value =str; }
我对js也不太熟,希望对大家有所帮助吧。