欧美国产另类久热|951超碰伊人久久|伊人影视久久久久|色婷婷亚洲小电影|色东京热69XX|婷婷玖玖深爱网|加勒比东京热网站|无码A级毛片在线观看|一级a毛一级a看|中文字幕人妻欧美

設置點擊文本框或圖片彈出日歷控件的實現代碼
來源:易賢網 閱讀:1686 次 日期:2016-07-01 13:54:27
溫馨提示:易賢網小編為您整理了“設置點擊文本框或圖片彈出日歷控件的實現代碼”,方便廣大網友查閱!

下面小編就為大家?guī)硪黄O置點擊文本框或圖片彈出日歷控件的實現代碼。小編覺得挺不錯的,現在分享給大家,也給大家做個參考

<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>結束:</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" );

}

});

以上這篇設置點擊文本框或圖片彈出日歷控件的實現代碼就是小編分享給大家的全部內容了,希望能給大家一個參考

更多信息請查看網絡編程
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網