首页 / 脚本样式 / JavaScript / 设置点击文本框或图片弹出日历控件的实现代码

<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" >

$（"#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" ）;}}）;