wake-up-neo.com

JQuery Datepicker funktioniert nicht

Schönen Tag!

Ich versuche, JQuery zum ersten Mal zu verwenden. Und ich kann es nicht zum Laufen bringen ..__ Mein Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
    </script>
    <div class="demo">
    <p>Date: <input type="text" id="datepicker"></p>
    </div><!-- End demo -->
</body>
</HTML>

Aber der Datepicker funktioniert nicht .. Was soll ich tun, damit es funktioniert? Vielen Dank.

9
newbie

Sie haben die Datepicker-Bibliothek nicht hinzugefügt

so hinzufügen 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>

zu Ihrem <head>-Tag

Live Demo

25
Raynos

Datepicker ist nicht Teil von jQuery. Sie müssen jQuery UI bekommen, um den Datepicker zu verwenden.

8
Peter Olson

Das Problem ist, dass Sie nicht auf die jQuery-UI-Bibliothek verlinken (in der sich datepicker befindet):

http://jsfiddle.net/5AkyC/

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script>
$(function() {
    $( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
    <div class="demo">
    <p>Date: <input type="text" id="datepicker"></p>
    </div><!-- End demo -->
</body>
</HTML>
6
Jared Farrish

Ich befand mich bei einem Problem, bei dem datepicker () scheinbar nichts tat. Es stellte sich heraus, dass das Problem darin bestand, dass sich die Eingabe in einem Bootstrap "input-group" div befand. Einfach die Eingabe aus der Eingabegruppe herausnehmen, wurde das Problem behoben.

3
Mike Gostomski

Für mich .. das Problem war, dass der Anker einen Titel braucht, und das fehlte!

2
bcm

passen Sie die Reihenfolge an, in der Ihr Skript ausgeführt wird. Platzieren Sie das Skript-Tag unter dem Element, auf das es wirken soll. Oder lassen Sie es oben und wickeln Sie es in eine $(document).ready() EDIT: Ein und fügen Sie die richtige Datei ein.

0
Michael Jasper

Wenn jQuery UI datepicker nicht funktioniert, aber früher mit ähnlichen DOM-Dateien gearbeitet hat, entfernen Sie alle Klassen, und binden Sie sie mit einer id an eine einfache Eingabe. In meinem Fall störte eine Klasse sie und verhinderte, dass die Datumsauswahl angezeigt wurde.

0

danach wollen wir alle HTML-Codezeilen schreiben

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all">



<script>
$('#date').datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    yearRange: "-100:+0",
    dateFormat: 'dd/mm/yy'

});
</script>