精华内容
下载资源
问答
  • WdatePicker的onpicked使用

    2020-10-12 09:41:36
    注意:使用onpicked时,后面的方法不能加括号,如果加括号传输参数,可按照dp.dp.dp.(‘标签的id值’)【类似于id选择器,直接获取标签对象】 <label class="col-sm-2 control-label"><span style="color:r

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

    千次阅读 2020-02-17 09:43:58
    选择时间后,监控是否改变时间,...input class="Wdate" type="text" onfocus="WdatePicker({maxDate:'%y-%M-%d',dateFmt:'yyyy/MM/dd',onpicked:ChangeValue})" name="hiredate" value="{$teacher.hiredate}"> ...

    选择时间后,监控是否改变时间,改变后,可以提交

    html

    <input class="Wdate" type="text" onfocus="WdatePicker({maxDate:'%y-%M-%d',dateFmt:'yyyy/MM/dd',onpicked:ChangeValue})" name="hiredate" value="{$teacher.hiredate}">
    

    js

    function ChangeValue(){
            $("#submit").removeClass('disabled');
        }
    
    展开全文
  • WdatePicker日历控制使用及onpicked

    万次阅读 2016-02-03 14:38:40
    如果文本框是必填的,则要用onpicked自定义事件,自动触发文本框的onchange事件,如果不写onpicked,则文本框内则认为是空的,会报错。 如果文本框是非必填项,则无需用onpicked自定义事件  *有效结束时间: end...



    首先引入WdatePicker.js文件
    如果文本框是必填的,则要用onpicked自定义事件, 自动触发文本框的onchange事件,如果不写onpicked,则文本框内则认为是空的,会报错。 如果文本框是非必填项,则无需用onpicked自定义事件 
    <div class="entinput-area">
    <label><span class="cFF7E00">*</span>有效结束时间:</label>
    <div class="area-input">
    <input sucmsg="&nbsp;" datatype="*" id=" endAt" name="endAt" type="text" class="input-date" value="" readonly="readonly" placeholder="请输入证书有效结束时间" οnclick="WdatePicker({dateFmt:'yyyy-MM-dd',onpicked:function(dp){$dp.$(' endAt').blur();}});"/>
    </div>
    </div>
    $dp.$是一个 内置函数 ,相当于document.getElementById



    展开全文
  • Mydate97 onpicked 调用自己写的函数

    千次阅读 2017-05-18 09:04:44
    onpicked调用自己的函数,要注意书写格式,不要加括号,要不会出错。别加括号!

    onpicked调用自己的函数,要注意书写格式,不要加括号,要不会出错。别加括号!

    <div class="divL2" >
    <input name="dataTime" path="dataTime" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate required" id="dataTime"
    value="<fmt:formatDate value="${equipmentEnergy.dataTime}" pattern="yyyy-MM-dd"/>"
    οnclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false,maxDate:'%y-%M-%d',onpicked:serchRecord});"/>
    </div>

    var serchRecord=function(){
    var eqipmentCode=$("#equipmentCode").val();
    var maxChars = 10;//最多字符数   
       var curr = maxChars - getByteLen(eqipmentCode);
    if(curr==0){//如果是10位的设备编号,在去后台查找
    var energyConsumptionType=$("#energyConsumptionType").val();
    var dataTime=$("#dataTime").val();
    var tid=$("#Tid").val();
    location.href="/energy/a/energy/equipmentEnergy/formData?eqipmentCode="+eqipmentCode+"&dataTime="+dataTime+"&energyConsumptionType="+energyConsumptionType+"&tid="+tid;
    }
    };



    展开全文
  • My97---onpicked

    千次阅读 2009-01-19 18:17:00
    问题:input绑定My97控件时,...解决:经过反复试验,得到如下结果:input中加入onFocus="WdatePicker({onpicked:function(){this.onchange();},dateFmt:yyyyMM})"onchange="change()" function change(){ //强
  • WdatePicker改变事件触发优化

    千次阅读 2017-12-04 17:40:21
    WdatePicker日历组件在选择日期后,必须要失去焦点才会触发onchangge事件,这样用户体验并不好,我们可以使用onpicked事件来优化一下。 如上,使用onpicked来绑定blur事件,就会在选择日期后自动触发onchangge...
  • 建议使用AngularJS directive指令,通过onpicked(选中后触发)和oncleared(点击清除按钮触发)两个回调函数来触发元素的change事件,AngularJS就可以获取到日期值了,代码如下: var app = angular.module(...
  • input type="text" onfocus="WdatePicker({onpicked:function(){getWeiZhanBi()},dateFmt:'yyyy-MM '})" id="datemin" class="input-text Wdate" readonly="true" style="width:180px;"/> onpicked:func...
  • My97 日期改变事件

    千次阅读 2018-09-03 17:17:40
    查看官方文档发现onpicked可以替代onchange事件 H5 &lt;input type="text" opt="aaa" class="Wdate" onclick="WdatePicker({onpicked:function(dp){change(this,d...
  • WdatePicker 日历控件的onchange事件屏蔽

    千次阅读 2017-04-12 19:46:47
    在用WdatePicker日历控件时,我们给input绑定onchange...但是WdatePicker控件本身有一些方法,如onpicked事件,就相当于onchange事件,当输入框中的内容发生改变时,就会触发onpicked定义的事件。具体用法如下: input
  • 需要在绑定样式的回调函数中增加onpicked 时间。如下:&lt;input id="txtWorkTime" type="text" class="input_text w_100 black" onclick="WdatePicker({ dateFmt: 'yyyy-MM...
  • onpicked:pickedFunc 开始时间选择完后触发的函数 获取开始时间并对结束时间进行限制。
  • 首先my97的API中有自定义事件中有 onpicking 和 onpicked 事件 、onclearing 和 oncleared 事件、年月日时分秒的 changing和changed。  我的html页面中需要展示的日期样子是: 开始时间: <input class=form-...
  • '&lt;td&gt;&lt;span&gt;&lt;input type="text" class="... onpicked =\'savaFb(this,"... onclick=\'WdatePicker({onpicked:function(){savaFb(this,"'+t
  • WdatePicker({onpicked:function(){alert(123);},dateFmt:'yyyy年MM月dd日',maxDate:'%y-%M-%d'}) 1、onpicked:选择日期后执行的方法。 2、dateFmt:显示日期的格式。 3、maxDate:日期组件能选择和输入的最大...
  • 解决WdatePicker onchange失效事件

    千次阅读 2018-07-03 19:18:53
    onclick=”WdatePicker({dateFmt:’yyyy-MM-dd’,isShowClear:false,onpicked:getValidity});”
  • 好久没写博客了,主要也是没啥可以记录的。今天又发现一个js的问题,就记录记录顺便写写东西吧。 直接举例子: 至于怎么调用出日期组件这里就不介绍了(度娘一堆),重点在于我们需要在...onpicked:function(...
  • 解决办法: function wdateOption(fmt){ if(fmt===undefined){fmt="yyyy-MM-dd"} return{ dateFmt:fmt, onpicked:function(){ ...
  • (this,'%Y年%M月%D日',false)" maxdate="#F{$('hte').value}" onPicked="$('hte').onfocus()"/> 注: hte 是后面那个选择框的id 4.日期范围限制(增强) 4.1 日期范围限制(静态限制,日期格式必须与config.js中的...
  • 关于WdatePicker控件的一些使用心得

    千次阅读 2015-03-02 18:22:41
    1、关于onpicked属性:在使用第三方控件时,相关的回调函数是非常重要和实用的,onpicked就是如此。但是在实际使用时,有一个现象,当使用的控件是input控件时,会两次进入回调函数,分别是打开和关闭时;当使用的是...
  • 泛微OA常用JS

    2021-04-02 18:03:04
    1.控制日期浏览按钮可选时间范围 function onSearchWFQTDate2(spanname,inputname,mindate,maxdate){ var oncleaingFun = function(){ ... WdatePicker({el:spanname, minDate:min ,maxDate:max,onpicked
  • WdatePicker选择后事件

    万次阅读 2017-11-20 22:43:28
    value="" style="float: right; width: 50px" onclick="WdatePicker({onpicked:function(){alert(123);},dateFmt:'yyyy',isShowClear:true});" />
  • 日期插件获取选中的...input type='text' readonly=‘readonly’ οnclick='WdatePicker({dateFmt:"yyyy-MM-dd", isShowClear: true, onpicked: changeData})' /> function (){ alert($dp.cal.getDateStr()); }
  • WdatePickerhui内部会change...我们需要WdatePicker({onpicked:函数名})这样写 HTML: <input id="startDate" value="" name="startDate" class="Wdate wdate_input" readonly="readonly"onFocus="WdatePi...
  • WdatePicker({onpicked:function() {searcher()},startDate:'%y',dateFmt:'yyyy',alwaysUseStartDate:false,isShowClear:false,readOnly:true})" 转载于:https://www.cnblogs.com/zxd-bk/p/8867525.html
  • 2.自定义事件 ...onpicking 和 onpicked 事件 onclearing 和 oncleared 事件 年月日时分秒的 changing和changed 年月日时分秒都有对应的changing和changed事件,分别是: ychanging ychange...
  • <input placeholder="合同结束日期" type="text" id="registerEndDate" name="registerDate" class="Wdate" @click="WdatePicker({dateFmt:'yyyy-MM-dd HH:...onpicked: function () {var value = $('#registerE...
  • dataPicker 97 点击事件

    2019-10-20 11:03:57
    <div class="col-sm-8"> <#form:input path="productDate" readonly="true" maxlength="20" class="form-control Wdate" dataFormat="date" onclick="WdatePicker({onpicked:doWha...
  • 限制开始时间必须是整十分00秒 <input type="text" id="txtBegintime" value=... startDate: '00:00:00', dateFmt: 'HH:mm:ss', qsEnabled: false, onpicked: function (dp) { var BeginTimeMinute = new Arra...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 867
精华内容 346
热门标签
关键字:

onpicked