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

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

原文地址:https://www.cnblogs.com/xiaoxiao2014/p/4544591.html