设置点击文本框或图片弹出日历控件的实现代码
<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");
}
});
以上这篇设置点击文本框或图片弹出日历控件的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下