`

Wdate 触发input onchange事件的方法

阅读更多
好久没写博客了,主要也是没啥可以记录的。今天又发现一个js的问题,就记录记录顺便写写东西吧。
直接举例子:
<input name="name" type="text" class="Wdate" onchange="f()" />

至于怎么调用出日期组件这里就不介绍了(度娘一堆),重点在于我们需要在点击后触发一下对象失去焦点的js就可以调用onchange方法,有点投机取巧的意思。

wdate的点击后触发事件是onpicked,在打开控件时的参数中加进去就可以。
onpicked:function(dp){
  $(this).blur();//失去焦点
}

其实就是利用了onchange事件是在元素失去焦点时才会触发的原理,wdate组件在选择后不触发input的onchange事件是因为焦点还在Input中,我们人为让其失去焦点就达到感觉选择了日期后就触发change事件一样
分享到:
评论

相关推荐

    史上最强JavaScript日历控件正式版(无偿的永久的提供给大家免费使用,含全部源代码)

    如果没有定义oncleared事件,清空时,自动触发onchange事件 其他属性设置 readOnly属性,可指定日期框是否只读 设置highLineWeekDay属性,可指定是否高亮周末 设置isShowOthers属性,可指定是否显示其他月的日期 加上...

    日期時間控件及用法

    input id="request_date" name="request_date" class="Wdate" type="text" value=""/&gt; 二、 選擇今天之后(含今天)的日期: &lt;input id="request_date" name="request_date" class="Wdate" type="text" ...

    很不错的一个js日期控件

    事件名称:onPicked 事件触发条件:选择日期的时候 示例:利用onPicked实现日期选择联动(选择第一个日期的时候,第二个日期选择框自动弹出) &lt;input class="Wdate" type="text" id="hts" onfocus="new WdatePicker(this,'...

    HTML文本框的值改变后触发后台代码的方法

    代码如下:”txtDate” CssClass=”Wdate” xss=removed runat=”server” onfocus xss=removed&gt; 日 &lt;asp:HiddenField ID=”hiddenDate” runat=

    Net 超好用的 日期控件

    当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

    日历控件,很好用,漂亮

    • My97DatePicker目录是一个整体,不可破坏里面的...• 当 WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您 不喜欢这个样式,可以把class="Wdate"去掉,另外也可

    日历控件my97datepicker

    当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

    超强日期控件My97DatePicker

    当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

    EasyUI validate js校验规则文件

    NULL 博文链接:https://winder-sety.iteye.com/blog/2060111

    非常好用的asp.net日期时间控件

    当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

    My97DatePicker包(WdatePicker.js文件加了详细备注)

    当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

    日期控件(My97DatePicker)

    当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式 ...

    日历控件,拓展性强

    7.当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

    WdatePicker.js时间日期插件的使用方法

    本文介绍了WdatePicker.js时间插件使用,分享给大家,具体如下: 引用: 在项目中引用“plugin-clander”文件夹。 ... [removed][removed] 1.没有对控件进行设置 ...input id=”d411″ class=”Wdate

    日期插件WdatePicker

    轻松搞定日期框的实现

    My97DatePicker时间控件

    当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

    My97DatePicker

    当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

    日历特效控件My97DatePicker

    当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式 ...

    强大的日历控件

    在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式 3. 支持的浏览器 IE 6.0+ , Firefox...

Global site tag (gtag.js) - Google Analytics