WdatePicker.js 日历点击时,触发自定义方法 ,可以调用自己的函数。
2015-06-01 18:10
651 查看
问题:
在选择日期后,没有提交按钮,得到日期后,就可以把日期传到后台,然后就可以得到数据。
方法:
在input 标签中加入onfocus ,就可以了。
wdatePicker();可以自定义事件函数。
w97官网是http://www.my97.net/dp/demo/index.htm
如果你需要做一些附加的操作,你也不必担心,日期控件自带的自定义事件可以满足你的需求.此外,你还可以在自定义事件中调用提供的API库来做更多的运算和扩展,绝对可以通过很少的代码满足你及其个性化的需求.
注意下面几个重要的指针,将对你的编程带来很多便利
this: 指向文本框
dp: 指向$dp
dp.cal: 指向日期控件对象
注意:函数原型必须使用类似 function(dp){} 的模式,这样子,在函数内部才可以使用dp
onpicking 和 onpicked 事件
在官网上有很多的例子,可以自己看下。加油。
在选择日期后,没有提交按钮,得到日期后,就可以把日期传到后台,然后就可以得到数据。
方法:
在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. 自定义事件
自定义事件如果你需要做一些附加的操作,你也不必担心,日期控件自带的自定义事件可以满足你的需求.此外,你还可以在自定义事件中调用提供的API库来做更多的运算和扩展,绝对可以通过很少的代码满足你及其个性化的需求.
注意下面几个重要的指针,将对你的编程带来很多便利
this: 指向文本框
dp: 指向$dp
dp.cal: 指向日期控件对象
注意:函数原型必须使用类似 function(dp){} 的模式,这样子,在函数内部才可以使用dp
onpicking 和 onpicked 事件
<input type="text" id="5421" onFocus="WdatePicker({onpicking:function(dp){if(!confirm('日期框原来的值为: '+dp.cal.getDateStr()+', 要用新选择的值:' + dp.cal.getNewDateStr() + '覆盖吗?')) return true;}})" class="Wdate"/>
在官网上有很多的例子,可以自己看下。加油。
相关文章推荐
- javascript验证html5自带input type="date"用户输入日期过期的方法
- JavaScript变量声明那些事儿
- JS对象基础
- js判断只能输入字母和空格
- js验证身份证,并判断生日性别
- js停止setInterval函数的运行
- js打开一个新标签页
- js延迟广告加载
- js判断浏览器类型
- js文本框获取焦点
- js获取当前页面url信息
- 用javaScript解决Form的不能嵌套
- js 导出Excel重命名问题
- JS实现返回页面顶部
- JavaScript起点(严格模式深度了解)
- JS小知识点
- js 返回的数据类型 5类
- Javascript 严格模式详解
- JSP包含另一静态JSP页面
- JavaScript--while