<input id = "startDate" value = "" readonly = "true" type = "text" style = "cursor: pointer"> <Eingabe datag = "start" type = "Bild" src = "../../ i/cander1.png"> <span> Ende: </span> <input id = "enddate" value = "readonly style = "Cursor: Zeiger;"> <Eingabedaten-Tag = "End" type = "Image" src = "../../ i/cander1.png">
// JS -Code
$ ("#startDate"). DatePicker (); $ ("#enddate"). DatePicker (); // Klicken Sie auf das Bild, um die Kalenderregelung zu veröffentlichen, und Sie müssen das Bild binden, um auf Ereignis $ zu klicken (. Canderimg) .on ("Click", Funktion (e) {var Tag = $ (E.Target) .attr ("Data-tag"); $ ("#startDate"). DatePicker ("show");} else if (tag == "end") {$ ("#enddate"). DatePicker ("show");}});Die obigen Einstellungen klicken auf das Textfeld oder Bild, um die Kalendersteuerung zu überholen, ist der gesamte Inhalt, den ich mit Ihnen geteilt habe. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.