WdatePicker的onpicked使用

最新推荐文章于 2023-04-19 09:04:34 发布

原创最新推荐文章于 2023-04-19 09:04:34 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery

开发BUG 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何利用WdatePicker插件结合自定义函数实现输入购入日期后，自动填充保修时间和报废时间的过程。通过JavaScript获取日期输入值，并通过API调用获取保修和报废时间。

开发过程中遇到的需求，点击时间选择购入时间，根据数据库中存储的阈值，自动生成保修时间、报废时间并填充。但是因为时间选择器用的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);
			})
  		}
	};