WdatePicker插件获取点击触发事件

一、onpicking 点击事件

选择日期后，关闭日期导航窗口前触发。

注意：自定义函数必须使用 function(dp){} 做完成嵌套，否则事件触发可能无效。

        错误示范：onpicking:selfFun() 

        正确示范：onpicking:function(dp){selfFun()}

    // HMLT
    <input type="text" class="form-control" readonly onclick="WdatePicker({dateFmt:'yyyy-MM-dd',onpicking:function(dp){pickFun(dp);}})"/>
     
    // JS
    function pickFun(dp){
        console.log("原来的日期为："+dp.cal.getDateStr());
        console.log("新选择的日期为："+dp.cal.getNewDateStr());
        alert("选择日期后关闭日期导航窗口前触发，此时已选择日期但是导航窗口还没有关闭。");
    }

 

 

二、onpicked 点击事件

选择日期后，关闭日期导航窗口后触发。

注意：自定义函数必须使用 function(dp){} 做完成嵌套，否则事件触发可能无效。

        错误示范：onpicked:selfFun() 

        正确示范：onpicked:function(dp){selfFun()}

 

    // HMLT
    <input type="text" class="form-control" readonly onclick="WdatePicker({dateFmt:'yyyy-MM-dd',onpicked:function(dp){pickFun(dp);}})"/>
     
    // JS
    function pickFun(dp){
        console.log("选择的日期为："+dp.cal.getDateStr());
        alert("选择日期后关闭日期导航窗口后触发，此时已选择日期，导航窗口刚关闭。");
    }

三、打开日期导航窗口前触发方法

// HMLT
<input type="text" class="form-control" id="dataPick" />
 
// JS
$("#dataPick").click(function () {
    WdatePicker({
        dateFmt:'yyyy-MM-dd',
        readOnly:true,  // 设置只读
        opposite:true,  // 设置取反，将下面的配置取反
        disabledDates:['....-..-01','....-..-16'],  // 设置01号和16号不可选，取反后，仅01号16号可选
        specialDates:['....-..-01','....-..-16'],  // 设置01号和16号高亮显示
    });
    
    afterFun();    
});
 
function afterFun(){
    alert("打开日期导航窗口前触发，此时日期导航窗口还没打开。");
}