<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> End:</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 Code
$ ("#startDate"). DatePicker ();
$ ("#endDate"). DatePicker ();
Click on the picture to pop up the calendar control and need to bind the image to a point 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");
}
});
Set tap text box or picture popup Calendar control