來源:https://blog.csdn.net/gaoxiong335/article/details/70146664.net
在用WdatePicker日曆控件時,咱們給input綁定onchange事件將不起做用,這是由於WdatePicker控件內部對onchange事件進行了重寫,因此就屏蔽了自定義的onchange事件。插件
可是WdatePicker控件自己有一些方法,如onpicked事件,就至關於onchange事件,當輸入框中的內容發生改變時,就會觸發onpicked定義的事件。具體用法以下:code
input標籤內 點擊事件 orm
onclick="WdatePicker({el:'text',onpicked:checkfinish,minDate:'<tpl>$smarty.now|date_format:"%Y-%m-%d"</tpl>'});"
checkfinish方法能夠是咱們自定義的一個方法,在裏邊能夠進行咱們想要的操做。blog
minDate爲最小日期,maxDate爲最大日期,設置後咱們就會沒法選擇範圍外的值,控件會將其置灰。事件
el能夠設置這個操做顯示的日曆插件從屬於哪個id的,當從屬於某一個id時,點擊此按鈕就至關於那個id的事件觸發後產生的效果同樣。而且不會產生一些衝突。input