您的位置:首页 > Web前端 > JavaScript

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

2015-06-01 18:10 651 查看
问题:

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

方法:

在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"/>


在官网上有很多的例子,可以自己看下。加油。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: