Problem mit Jquery Datepicker onselect

Im Anschluss an dem Grunde onSelect spec auf der jQuery-Website habe ich versucht, den folgenden Code:Problem mit Jquery Datepicker onselect

<!DOCTYPE html> 
<html> 
<head> 
    <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> 
    <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script> 
    <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script> 
    <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.datepicker.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#datepicker").datepicker(); 


$('#datepicker').datepicker({ 
    onSelect: function(dateText, inst) { alert("Working"); } 
}); 



    }); 

    </script> 
</head> 
<body style="font-size:62.5%;"> 

<div type="text" id="datepicker"></div> 

</body> 
</html>

Und kann es nicht an der Arbeit! Ursprünglich versucht, eine kompliziertere Sache zu arbeiten, aber die onSelect war einfach nicht funktioniert, also ging ich zurück zu den Grundlagen und immer noch nicht arbeiten, jemand eine Ahnung, was ich falsch mache?

Quelle

2009-08-13 Anonymous

Können Sie Ihre HTML-Code einfügen, wo Sie die Datumsauswahl erstellen ? – Dirk

Sie könnten versuchen, die zweite $("#datepicker").datepicker() unmittelbar oberhalb dieser Linie zu entfernen, so dass:

$(document).ready(function(){ 
    $('#datepicker').datepicker({ onSelect: function(dateText, inst) { alert("Working"); } }); 
});

Quelle

2009-08-13 20:25:16 VoteyDisciple

verdammt so einfach! Danke vielmals! –

Da diese Frage zuletzt beantwortet wurde, sind die Ereignisnamen unterschiedlich. Sehen Sie hier für Ereignisse und Beispiele: http://bootstrap-datepicker.readthedocs.io/en/latest/events.html – Stateful

Sie sind nicht die api funktioniert nicht richtig. Nimm es nicht schlecht, es ist zunächst verwirrend.

Beiden Linien erzählen den Datumsauswahl-Widget einen Datepicker auf einem Element zu initialisieren:

$("#datepicker").datepicker(); 
$('#datepicker').datepicker({ 
    onSelect: function(dateText, inst) { alert("Working"); } 
});

Sie könnten die ersten entfernen, da es etwas zu tun, ist nicht außer die zweiten verhindern jegliche Wirkung.

Wenn Sie den Wert eines der Optionen zu ändern, nachdem Sie bereits das Widget initialisiert haben, dann würden Sie diese api verwenden müssen:

$('#datepicker').datepicker('option', 'onSelect', function() { /* do stuff */ });

oder alternativ Sie einen Handler mit jQuery anhängen könnte bind Funktion:

$('#datepicker').bind('onSelect', function() { /* do stuff */ });

Quelle

2009-08-13 20:33:26

$ ("# datepicker"). Datepicker ('zerstören') und dann ein neues mit anderen einrichten Optionen ist eine andere Möglichkeit - obwohl in diesem Fall nur die erste Initialisierung loszuwerden. – gnarf

verdammt so einfach! Danke vielmals! –

BIG WIN! Deine erste Antwort von $ ('# datepicker'). Datepicker ('option', 'onSelect', function() {/ * tu stuff * /}); hat den Trick für mich gemacht. Danke vielmals! – NovaJoe

jQuery Datepicker picker~~POS=HEADCOMP ist onSelect manchmal nicht funktionieren, aber Sie können umgehen es nur durch eine Methode auf onchange Ereignis Ihrer input Typ aufrufen.

function changeDate() { 
    $("#datepicker").datepicker(
     "change", 
     { 
      alert("I am working!!"); 
     } 
    ); 
}

Rufen Sie diese changeDate() Methode as-

<div type="text" id="datepicker" onchange ="javascript:changeDate();" />

Quelle

2016-01-04 13:17:28

muss dieser Code funktioniert, wenn Wählen Sie ein Datum:

$("#datepicker").datepicker({ 
    dateFormat: 'dd/mm/yy' 
}).on("changeDate", function (e) { 
    alert("Working"); 
});

Quelle

2016-01-05 09:27:22

Probieren Sie alle Varianten aus und dies war die einzige, die funktioniert @hatheh – Abdullah

Wenn jemand ein Problem mit Methoden, die möglicherweise von Ihnen verwenden, verwenden https: // github.com/eternicode/bootstrap-datepicker das ist also die Art und Weise, wie sie arbeiten –

'" changeDate "' funktioniert auch für mich. '" Option "" onSelect "' und andere Varianten haben nicht funktioniert. Vielen Dank! – Ghan

Problem mit Jquery Datepicker onselect

Antwort

Verwandte Themen