设置点击文本框或图片弹出日历控件的实现代码
<inputid="startDate"value=""readonly="true"type="text"style="cursor:pointer"class="user_datepicker"> <inputclass="canlderImg"data-tag="start"type="image"src="../../i/canlder1.png"> <span>结束:</span> <inputid="endDate"value=""readonly="true"type="text"style="cursor:pointer;"class="user_datepicker"> <inputclass="canlderImg"data-tag="end"type="image"src="../../i/canlder1.png">
//js代码
$("#startDate").datepicker();
$("#endDate").datepicker();
//点击图片弹出日历控件则需要给图片绑定点击事件
$(.canlderImg).on("click",function(e){
vartag=$(e.target).attr("data-tag");
if(tag=="start"){
$("#startDate").datepicker("show");
}elseif(tag=="end"){
$("#endDate").datepicker("show");
}
});
以上这篇设置点击文本框或图片弹出日历控件的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
10 儿子立冬祝福语简短独特
11 对当兵的祝福语简短
12 侄儿高考试祝福语简短
13 伴郎红包祝福语朋友简短
14 媳妇生日简短祝福语朋友
15 公司年会祝福语简短最好
16 元旦感恩祝福语简短大全
17 红包祝福语简短10字
18 周六早晨祝福语简短