How to display jquery datepicker auf den link klicken?

Brauche ich, um zu zeigen jquery datepicker auf den link klicken Sie auf, auch wenn ein Datum ausgewählt wird, ändern Sie den link-text zu diesem Zeitpunkt, wie kann ich es tun?

InformationsquelleAutor Burjua | 2011-02-22

15

jQuery-UI date picker sollte den job tun.

Check-out die Beispiel mit einem Symbol zum auslösen des picker:
http://jqueryui.com/demos/datepicker/#icon-trigger

Können Sie auch aufrufen der show () - Methode, um drop-down-picker, wenn Sie benötigen, e.g...
```
$('#mypicker').datepicker({
      //options
      minDate: '20.04.2012'
      //...
    });
$('#mylink').click(function(){
      $('#mypicker').datepicker('show');
    });
```
Ändern Sie den link-text nach einem Datum ausgewählt ist, verwenden Sie so etwas wie dieses in der Initialisierungs-code:
```
$('#mypicker').datepicker({ onSelect:
    function(dateText, inst) {
        $('#mylink').text(dateText);
    }
});
```
- ja, ich bin mit diesem datepicker, aber ich muss es erscheinen, auf den text-link klicken, nicht input-und nicht-button/Bild, kann nicht herausfinden, wie es zu tun.
- Wie kann ich call show() Methode? Ich bin nicht sehr gut in JavaScript, Dank
- Was ist #mypicker in diesem Fall?
- Die id des input-Elements aus, das Sie initialisieren wie ein datepicker. In jQuery Beispiele (Folgen Sie den links die ich dir gegeben habe), es wäre '#datepicker'
- Ich versuche diesen code : ` $(function() { $( "#datepicker" ).datepicker(); $('#mylink').klicken Sie auf(Funktion(){ $('#datepicker').show ();});})`, aber es funktioniert nicht. Ich habe hidden-input mit id="datepicker" und link mit id="mylink"
- sorry, leichte Fehler in meinem Beispiel habe ich korrigiert die Antwort. Sollte $('#mypicker').datepicker('show');
- Ok, danke, jetzt funktioniert ' s, durch Zufall, wissen Sie, wie kann ich den link-text nach Datum ausgewählt wird? trotzdem vielen Dank.
- Ich habe soeben meine Antwort; Sie können eine Funktion, wenn Sie Sie initialisieren die datepicker, die ausgeführt wird, wenn ein Datum ausgewählt ist.
- Hat diese Arbeit für jedermann?
- vergessen Sie nicht initialisiert datepicker durch $('#mypicker').datepicker({minDate: '20.04.2012', ...}) zusammen mit anderen TheGermanOne code.
InformationsquelleAutor DigitalDan
0

Gut, kann sein das es zu spät, um Antworten in diesem post, aber hier ist eine große Lösung von Andrew in einem ähnlichen thread, die arbeiten im Jahr 2015.

In wenigen Worten, die Sie brauchen, um versteckte Eingang rechts nach link und ein leeres div. Der Letzte wird den trick tun.

Außerdem gibt es keine Notwendigkeit in der Verknüpfung click-Ereignis.

InformationsquelleAutor slashka

$("#dateField").datepicker({
 dateFormat:'dd/M/yy',
 minDate: 'now',
 changeMonth:true,
 changeYear:true,
 showOn: "focus",
 //buttonImage: "YourImage",
 buttonImageOnly: true, 
 yearRange: "-100:+0",  
}); 

$("dateField").datepicker( "option", "disabled", true );

InformationsquelleAutor Girish

Dieser arbeitete für mich. Benötigt jquery-ui .und der ls .css.

 $( function() {
            $( "#from" ).datepicker({
                changeMonth: true,
                changeYear: true
            });
            $( "#to" ).datepicker({
                changeMonth: true,
                changeYear: true
            });

InformationsquelleAutor Bruno Serralheiro

-1

Salam

Entdecke ich diese solotion :
```
onclick="jQuery('#elementid').datetimepicker();jQuery('#elementid').datetimepicker('show');"
```
Ist und ordnungsgemäß funktioniert.

Herzlichst.

Alireza Balvardi

InformationsquelleAutor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.