WdatePicker.js 日历点击时,触发自定义方法 ,可以调用自己的函数。

问题:

在选择日期后,没有提交按钮,得到日期后,就可以把日期传到后台,然后就可以得到数据。

方法:

在input 标签中加入onfocus ,就可以了。

wdatePicker();可以自定义事件函数。

<input type="text" id="time" name="time" runat="server" onclick="WdatePicker({ realFullFmt: ‘%Date ‘, dateFmt: ‘yyyy-MM-dd‘ })"  onfocus="WdatePicker({onpicking:function(dp){ Query(dp.cal.getNewDateStr());}})" />

w97官网是http://www.my97.net/dp/demo/index.htm

二. 功能及示例

5. 自定义事件

    1. 自定义事件

      如果你需要做一些附加的操作,你也不必担心,日期控件自带的自定义事件可以满足你的需求.此外,你还可以在自定义事件中调用提供的API库来做更多的运算和扩展,绝对可以通过很少的代码满足你及其个性化的需求.

      注意下面几个重要的指针,将对你的编程带来很多便利
      this: 指向文本框
      dp: 指向$dp
      dp.cal: 指向日期控件对象
      注意:函数原型必须使用类似 function(dp){} 的模式,这样子,在函数内部才可以使用dp

    2. onpicking 和 onpicked 事件
      1. <input type="text" id="5421" onFocus="WdatePicker({onpicking:function(dp){if(!confirm(‘日期框原来的值为: ‘+dp.cal.getDateStr()+‘, 要用新选择的值:‘ + dp.cal.getNewDateStr() + ‘覆盖吗?‘)) return true;}})" class="Wdate"/>

        在官网上有很多的例子,可以自己看下。加油。

时间: 2024-07-30 23:53:24

WdatePicker.js 日历点击时,触发自定义方法 ,可以调用自己的函数。的相关文章

javascript鼠标双击时触发事件大全

javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown IE4.N4 按下鼠标时触发此事件 onmouseup IE4.N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3.N2 当鼠标移动到某对象范围的上方时触发此事件 onmousemove IE4.N4 鼠标移动时触发此事件 onmouseout IE4.N3 当鼠标离开某对象范围

JS日历控件 灵活设置: 精确的时分秒.

在今年7月份时候 写了一篇关于 "JS日历控件" 的文章 , 当时只支持 年月日 的日历控件,现在优化如下: 1. 在原基础上 支持 yyyy-mm-dd 的年月日的控件. 2. 在原基础上增加支持 yyyy-mm-dd HH:MM 年月日时分的控件. 3. 在原基础上增加支持 yyyy-mm-dd HH:MM:SS 年月日时分秒的控件. 4. 增加确定按钮 及 今天 和关闭按钮.当我切换到其他年份的时候,我点击 "今天"按钮 就可以返回当前的年月份. 配置项如下:

JS日历控件优化(增加时分秒)

JS日历控件优化 在今年7月份时候 写了一篇关于 "JS日历控件" 的文章 , 当时只支持 年月日 的日历控件,现在优化如下: 1. 在原基础上 支持 yyyy-mm-dd 的年月日的控件. 2. 在原基础上增加支持 yyyy-mm-dd HH:MM 年月日时分的控件. 3. 在原基础上增加支持 yyyy-mm-dd HH:MM:SS 年月日时分秒的控件. 4. 增加确定按钮 及 今天 和关闭按钮.当我切换到其他年份的时候,我点击 "今天"按钮 就可以返回当前的年月

jS实现文本框在点击时变色

jS实现文本框在点击时变色 网页上默认的文本框老是灰色风格,看的都有点不耐烦了,用CSS和JS改变其样式是大家都喜欢用的方法,今天写了一个点击边框变色的文本框,鼠标点击文本框将要输入的时候,文本框自动变色高亮显示,非常有视觉效果,让文本框变漂亮了许多.HTML代码如下: 01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh

onpopstate浏览器点击回退按钮时触发的事件

知识点: 1.onpopstate事件,点击后退按钮(或者在JavaScript中调用history.back()方法)时触发: 2.hash 属性:可对URL的锚部分(从 # 号开始的部分)进行操作(可读可写): 关于hash的链接点击打开链接 需求: 微信页面,在当前页面点击某处时,弹出一个覆盖整个手机屏幕的层,弹出这个层以后,点击微信屏幕的返回按钮时,隐藏弹出层,而不退出当前页面! 解决方案: 在点击事件发生的时候利用hash属性给URL加上锚点,展示弹出层,而点击返回按钮后,去掉URL锚

用事件冒泡实现在div内点击,不触发事件,当在div外点击时才触发事件

讲解 http://caibaojian.com/javascript-stoppropagation-preventdefault.html 使用案例 在div内点击,不触发 一个事件,当在div外点击时才触发事件. 这比按钮节流和缓冲都要好的多 自己使用的是一个form控件中的输入不触发,当输入完点击其他地方时触发计算,将结果赋值给form中不可编辑的控件中. 具体代码: function div10_onClick(event) { //点击#Click时要阻止冒泡,否则.pop是不显示的

js 鼠标点击

js鼠标点击 改变显示跟隐藏以及加新的class(在css里封装一个需要样式) 该方法用到的是 onclick 属性在单击鼠标时触发. 示例: HTML代码 <div class="xzlian"> <div class="nei"> <a href="javascript:" class="aa con">1.创建角色</a> <a href="javascri

elementUI 下拉框隐藏时触发相关事件(下拉框下拉显示时不触发)

原文:https://blog.csdn.net/CarryBest/article/details/79959389 今天做项目时,用elementUI框架,需要下拉框隐藏时出发某个函数,用了visible-change这个函数,发现点击时会触发两次我自己定义的函数,看了下官网的解释 :下拉框出现/隐藏时触发   如果只想在下拉框隐藏时触发该怎么做呢?下面是解决办法:官网定义:Select Events @visible-change 函数里面传递两个参数(第一个为回调参数,第二个为自己定义的

input中的内容改变时触发的事件

onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发: onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有. oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发:基本写原生常用的是oninput. oninput与onpropertychange失效的情况: oninput事件: 1.当脚本中改变value时,不会触发: 2.从浏览器的自