1. 程式人生 > >Wdatepicker選擇時間後觸發事件

Wdatepicker選擇時間後觸發事件

wdatepicker日期框架元件簡單使用

在開發過程中遇到再顯示時間框元件的時候增加了一個小箭頭已增加美觀性,但是在選擇日期後箭頭不隱藏 感覺很是不爽,找了很久終於解決了這個問題。

問題如下圖:

這裡寫圖片描述
這裡寫圖片描述

如上問題

解決方案 在wdatepicker中使用onpicked事件 此事件是選擇時間後觸發 可以寫成聯動函式當點選這個時間後觸發獲取另一個時間框

這裡寫的不是聯動是選擇日期後觸發一個函式,需要注意的是不能在屬性後面直接寫函式, 正確的程式碼如下:


//時間框顯示元件
WdatePicker({
                position: {left:0 , top: 15
}, dateFmt: 'yyyy-MM-dd', maxDate:'%y-%M-%d %H:%m:%s', minDate:'#F{$dp.$D(\'queryQssj\')}', onpicked: hide //這裡就是選擇日期後觸發 }) function hide(){ //這裡寫需要隱藏的js程式碼 $("#箭頭id").hide(); }

需要注意的是onpicked 屬性後面呼叫的函式hide不能加();不然就會報錯;

如果在onpicked中加入函式可以使用Wdatepicker內建的一些函式例如:$dp.$ 相當於dom中的documentElementById

多少不凡,只因不甘