开发过程中遇到的需求,点击时间选择购入时间,根据数据库中存储的阈值,自动生成保修时间、报废时间并填充。但是因为时间选择器用的WdatePicker插件,无法直接获取input框的值,后来百度后得到解决方法,具体代码如下:
注意:使用onpicked时,后面的方法不能加括号,如果加括号传输参数,可按照$dp.$('标签的id值')
【类似于id选择器,直接获取标签对象】
<label class="col-sm-2 control-label"><span style="color:red">*</span>购入时间:</label>
<div class="col-sm-4">
<div class="input-group">
<form:input id="buyTime" cssStyle="width:25%;min-width:200px"
path="buyTime" readonly="true" cssClass="form-control" />
<button type="button" class="btn btn-default"
onclick="WdatePicker({el:$dp.$('buyTime'),dateFmt:'yyyy-MM-dd',onpicked:genTime});">
<i class="fa fa-calendar"></i>
</button>
</div>
</div>
function genTime() {
var value = $("#buyTime").val();
console.log(value);
if(value == '' || value == null){
console.log("日期为空,请选择");
}else{
var surl = "${rootUrl}app/equip/server/putTime/"
+ value;
$.get(surl, function(responseText) {
var warn = responseText['warntime'];
var scarp = responseText['scarptime'];
$("#useTime").attr("value",'');
$("#useTime").attr("value",warn);
$("#discardTime").attr("value",'');
$("#discardTime").attr("value",scarp);
})
}
};