設置點擊文本框或圖片彈出日曆控件的實現代碼

<input id="startDate" value="" readonly="true" type="text" style="cursor: pointer"><input data-tag="start" type="image" src="../../i/canlder1.png"><span>結束:</span><input id="endDate" value="" readonly="true" type="text" style="cursor:pointer;"><input data-tag="end" type="image" src="../../i/canlder1.png" >

// js代碼

$("#startDate").datepicker();$("#endDate").datepicker();//點擊圖片彈出日曆控件則需要給圖片綁定點擊事件$(.canlderImg).on("click",function(e){var tag=$(e.target).attr("data-tag");if(tag=="start"){ $("#startDate").datepicker( "show" );}else if(tag=="end"){ $("#endDate").datepicker( "show" );}});

以上這篇設置點擊文本框或圖片彈出日曆控件的實現代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。