In JQuery, Wie kann ich einen Kalender anzeigen, wenn jemand auf ein Bild klickt?

Question

Ich möchte uidatepicker (jQuery) laden, wenn jemand auf ein Bild klickt. Im Moment ist uidatepicker an ein Eingabefeld angehängt: (und es funktioniert auch gut)

$ ('# selected_date'). Datepicker ({dateFormat: 'M d, yy'}); $ ('# selected_date'). click (function() {$ ('# selected_date'). datepicker ({DatumFormat: 'M d, yy'});});

Wie kann ich einen Kalender anzeigen, wenn jemand auf ein Bild klickt?

Answer 1

Ordnen Sie die Klasse selected_date zu Ihrem Bild (er) und Code verwenden:

$('.selected_date').datepicker({..........}); 

Nun wird der Datumsauswahl auf dem Element (Bild in Ihrem Fall) ausgelöst werden, die selected_date Klasse.

Answer 2

Es ist ein gutes Beispiel dafür auf der jQuery UI-Website, komplett mit Quellcode:

http://jqueryui.com/demos/datepicker/#icon-trigger

Answer 3

Im Folgenden wird legen Sie eine kleine ‚Kalender‘ Bild neben dem Eingabe Textbox ... wenn das Bild geklickt wird der UIDatePicker erscheint ...

$('ReferenceToTextBoxHere').datepicker({ 
     showOn: 'button', 
     buttonImage: './images/Calendar.png', 
     buttonImageOnly: true   
}); 

, wo die „buttonImage“ Eigenschaft ein Pfad zu dem Bild ist u auf

angeklickt werden zeigen wollen