設置點擊文本框或圖片彈出日歷控件的實現(xiàn)代碼
更新時間:2016年05月12日 10:15:28 投稿:jingxian
下面小編就為大家?guī)硪黄O置點擊文本框或圖片彈出日歷控件的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考,一起跟隨小編過來看看吧
<input id="startDate" value="" readonly="true" type="text" style="cursor: pointer" class="user_datepicker "> <input class="canlderImg" data-tag="start" type="image" src="../../i/canlder1.png"> <span>結(jié)束:</span> <input id="endDate" value="" readonly="true" type="text" style="cursor:pointer;" class="user_datepicker"> <input class="canlderImg" 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" );
}
});
以上這篇設置點擊文本框或圖片彈出日歷控件的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享
這篇文章主要介紹了JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下2015-04-04

