Zeigen jQueryUI datepicker auf den button drücken, ohne mit Eingabefeld

In einem ASP.NET Projekt, ich bin auf der Suche nach ein Weg, um ein jQueryUI datepicker kommen, wenn ich eine Taste drücken, dann zu einem postback, wenn ein Datum ausgewählt ist. Ich habe die postback-Teil die Arbeit mit diese Methode, aber ich habe Schwierigkeiten, entweder immer die picker Weg zu gehen, wenn ich es will, oder um sich richtig Verhalten, wenn ein Datum ausgewählt ist.

Ich versucht habe:

  • Anbringen der picker auf die Schaltfläche selbst, aber es legt den text der Schaltfläche, um den gewählten Termin, nachdem ich wählen und vor dem postback passiert, was ich nicht will.
  • Anbringen der picker auf der Taste und die Einstellung der altField option, um eine <input type='text' /> das ist positioniert ausserhalb des browser-Fenster, aber noch immer setzt er den text der Schaltfläche, wenn ein Datum ausgewählt ist.
  • Machen ihn, indem Sie ihn zu einem div und schaffen es in die onclick von der-Taste. Aber nach dieses forum posten, die inline datepicker von design nicht zeigen eine Schaltfläche "Fertig", und ich kann nicht schließen Sie es, indem Sie außerhalb.
    • Ich habe versucht, das hinzufügen einer Schaltfläche "Fertig" meiner eigenen zu den datepicker button-container (das zeigt sich, wenn showButtonPanel gesetzt ist), aber es geht Weg, wenn der Monat oder das Jahr ändert und keines der Ereignisse, die ich binden können, scheinen mir zu erlauben, fügen Sie es zurück.
    • Ich habe versucht, anfügen einer mouseup handler das Dokument Körper, so kann ich schließen das datepicker, wenn ich Sie außerhalb, aber das ausgelöst wird, wenn ich Sie in den datepicker zu, und scheint zu verhindern, dass die picker von der Arbeit auf alle.

Was ist der beste Ansatz hier?

InformationsquelleAutor Tom Hamming | 2011-10-17
  1. 7

    Ich habe eine versteckte input Feld vor und befestigt ein datepicker, um es mit Erfolg:

    $("#date").datepicker({...}); //#date has style display='none'

$("#show-date").click(function () {
    $("#date").datepicker("show");
});

    Beispiel: http://jsfiddle.net/7pttr/

    • Dies funktionierte nach einigen Gefummel. Interessanterweise, bekomme ich einen Javascript-Fehler auf $('#myHiddenInput').datepicker('show'); wenn der versteckte Eingang ist nicht das erste Kind seiner Eltern. Tricky!
    InformationsquelleAutor Andrew Whitaker
Schreibe einen Kommentar