<input id="startDate" value="" readonly="true" type="text" style="cursor: pointer"><input data-tag="start" type="image" src="../../i/canlder1.png"><span>End:</span><input id="endDate" value="" readonly="true" type="text" style="cursor:pointer;"><input data-tag="end" type="image" src="../../i/canlder1.png" >
// js code
$("#startDate").datepicker();$("#endDate").datepicker();// Click the image to pop up the calendar control and you need to bind the image to click event $(.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" );}});The above settings click on the text box or picture to pop up the calendar control is all the content I have shared with you. I hope you can give you a reference and I hope you can support Wulin.com more.