设置点击文本框或图片弹出日历控件
<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" );
}
});
不要厌烦熟悉的事物,每天都进步一点;不要畏惧陌生的事物,每天都学习一点;
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步