jQuery Datepicker funktioniert nicht mehr

nadjak

Hallo,

ich habe den jQuery UI Datepicker auf einer Seite integriert.
Wie ich jetzt festgestellt habe, funktioniert er aber nicht mehr. (Er hat aber funktioniert).
Ich habe dann nach dieser SEite https://jqueryui.com/datepicker/ ihn neu eingebunden.
Doch es geht immer noch nicht. meine Browserconsole meldet "datepicker is not a function".
Ich habe schon danach gesucht, doch leider keine Lösung gefunden.
Es wird kein weiters jQuery eingebunden.

PHP

<head>
<meta charset="utf-8" /> 
<meta name="robots" content="noindex, nofollow, noarchive" />
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
<link rel="stylesheet" href="../css/styles.css">
<link rel="stylesheet" href="../css/normalize.css">
<script src="../js/modernizr-custom.js"></script>


    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



</head>
....


<body>
...
<input type="text" id="datepickerto" name="datafrom" value="PHP-Variable">


...
<script>

   $( function() {
    $( "#datepickerto" ).datepicker({

  dateFormat: "<?php echo $datepickerdate ?>"
});
     $( "#datepickerfrom" ).datepicker({
  dateFormat: "<?php echo $datepickerdate ?>"
});
  });
  </script>
</body>

Alles anzeigen

Hat jemand eine Idee woran es noch liegen könnte?
Vielen DAnk
Nadja

Arne Drews

Hallo,

Dein Code ( abgesehen von den lokalen CSS-Ressourcen ) funktioniert bei mir einwandfrei.
Hast Du einen Link zu der Seite, vielleicht kann man da etwas mehr erkennen.

Gruß Arne

nadjak

Ich weiß, es ist blöd, aber es handelt sich um eine geschützte Seite mit Kundendaten. DAher hab ich leider keinen Zugang für euch.
Ich poste dir mal den ganzen Code:

PHP

PHP-CODE der Daten aus der DB ausliest
<head>
<meta charset="utf-8" /> 
<meta name="robots" content="noindex, nofollow, noarchive" />
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
<link rel="stylesheet" href="../css/styles.css">
<link rel="stylesheet" href="../css/normalize.css">
<script src="../js/modernizr-custom.js"></script>


    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


</head>


<body>
<?php require_once "MENÜ"; ?>
<main>
<h1> Überschrift</h1>
<?php
    //kontrolle, ob DAtensätze vorhanden
    if(isset($result[0]->time)){

        if(isset($hinweis)) echo htmlspecialchars($hinweis);
?>
<p><form id="export"  method="post" action="SEITE">
    <input type="hidden" name="NAME" value="<?php echo NAME) ?>">    
    <input type="hidden" name="csvexport" value="true">
    <input type="submit" value="export as csv">
    <?php
        if (ZEITVON) && isset(ZEITBIS)){
    ?>
        <input type="hidden" name="datafrom" value="AB WANN">
        <input type="hidden" name="datato" value="BIS WANN">
    <?php
        }
        ?>
</form></p>


<p>
<form id="ID"  method="post" action="LINK">
     data from <input type="text" id="datepickerto" name="datafrom"  value="WENN WERT ÜBERGEBEN"> to <input type="text"  id="datepickerfrom" name="datato" value="WENN WERT ÜBERGEBEN"> 
    <input type="hidden" name="NAME" value="NAME">
    <input type="submit" value="refresh">
</form></p>
<p>Press the button to sort.</p>
<table>
    <tbody>
        <tr>
            <td>WERT
            <form id="WERTasc"  method="post" action="LINK">
                <input type="hidden" name="sort" value="WERTASC">
                <input type="hidden" name="NAME" value="NAME">
                    <input type="hidden" name="datafrom" value="WENN WERT GESETZT">
                    <input type="hidden" name="datato" value="WENN WERT GESETZT">
                 <input type="submit" class="linkpfeil" value="&uarr;">
             </form>
             <form id="WERTdesc"  method="post" action="LINK">
                <input type="hidden" name="sort" value="WERTDESC">
                <input type="hidden" name="NAME" value="NAME">
                    <input type="hidden" name="datafrom" value="WENN WERT GESETZT">
                    <input type="hidden" name="datato" value="WENN WERT GESETZT">
                 <input type="submit" class="linkpfeil" value="&darr;">
             </form>
             </td>
            <td>WERT1
            <form id="WERT1asc"  method="post" action="LINK">
                <input type="hidden" name="sort" value="WERT1ASC">
                <input type="hidden" name="NAME" value="NAME">
                    <input type="hidden" name="datafrom" value="WENN WERT GESETZT">
                    <input type="hidden" name="datato" value="WENN WERT GESETZT">
                 <input type="submit" class="linkpfeil" value="&uarr;">
             </form>
             <form id="WERT1desc"  method="post" action="LINK">
                <input type="hidden" name="sort" value="WERT1DESC">
                <input type="hidden" name="NAME" value="NAME">
                    <input type="hidden" name="datafrom" value="WENN WERT GESETZT">
                    <input type="hidden" name="datato" value="WENN WERT GESETZT">
                 <input type="submit" class="linkpfeil" value="&darr;">
             </form>
             </td>
            <td>WERT 2
            <form id="WERT2asc"  method="post" action="LINK">
                <input type="hidden" name="sort" value="WERT2 ASC">
                <input type="hidden" name="NAME" value="NAME">
                    <input type="hidden" name="datafrom" value="WENN WERT VORHANDEN">
                    <input type="hidden" name="datato" value="WENN WERT VORHANDEN">
                 <input type="submit" class="linkpfeil" value="&uarr;">
             </form>
             <form id="WERT2desc"  method="post" action="LINK">
                <input type="hidden" name="sort" value="WERT2DESC">
                <input type="hidden" name="NAME" value="NAME">
                    <input type="hidden" name="datafrom" value="WENN WERT VORHANDEN>">
                    <input type="hidden" name="datato" value="WENN WERT VORHANDEN">
                 <input type="submit" class="linkpfeil" value="&darr;">
             </form>
             </td>
            <td>WERT3 
Analog oben
             </td>
            ...

        </tr>
        <?php
            foreach ($result as $datasatz){
                $timed=date($datef, $datasatz->time);
                $hourd= date("H:i:s", $datasatz->time);


        ?>
        <tr>
               <td><?php echo $timed." ".$hourd ?></td>
            <td><?php echo htmlspecialchars($datasatz->WERT1) ?></td>
            <td><?php echo htmlspecialchars($datasatz->WERT2) ?></td>
            <td><?php echo htmlspecialchars($datasatz->WERT3) ?></td>
            <td><?php echo $unitbez[htmlspecialchars($datasatz->WERT4)] ?></td>
            <td><?php echo htmlspecialchars($datasatz->WERT5) ?></td>
            <td><?php echo htmlspecialchars($datasatz->WERT6) ?></td>
            <td><?php 
                if (htmlspecialchars($datasatz->error)=="0"){echo "OK";}
                else echo "ERROR: ".htmlspecialchars($errorcode[$datasatz->error]) ; 
                 ?>
                 </td>
        </tr>
        <?php
            }
        ?>
    </tbody>
</table>
<?php
    }else echo "<p class='warn'>No Dataset.</p>";
?>
</main>


<script>

   $( function() {
    $( "#datepickerto" ).datepicker({

  dateFormat: "<?php echo $datepickerdate ?>"
});
     $( "#datepickerfrom" ).datepicker({
  dateFormat: "<?php echo $datepickerdate ?>"
});
  });
  </script>
</body>
</html>

Alles anzeigen

$datepickerdate kommt aus der Datenbank.

Das seltsame ist, dass es vor kurzem ( auf jeden Fall im Juni) funktioniert hat. Seit wann es nicht mehr geht, kann ich leider nicht sagen.
Vielen Dank
Nadja

Arne Drews

Also bei mir funktioniert auch das, daher kann ich Dir wohl ohne Link nicht großartig weiterhelfen.
Ob ich es mit einem Link kann, kann ich erst dann sagen...

Obwohl... Gibt es tatsächlich eine Datei, die so heißt?

PHP

<?php require_once "MENÜ"; ?>

nadjak

Hm, dann scheint irgendetwas in meinem skript den DAtepicker zu stören.
Danke schonmal für den Hinweis. Dann werd ich mein Skript wohl STück für Stück auseinander nehmen müssen
lg nadja

- - - Aktualisiert - - -

o.k. Ich hab den Fehler gefunden:
Es wird durch das Menü doch eine zweite jQuery-Datei eingebunden (<script src="https://ajax.googleapis.com/ajax/libs/jque…4/jquery.min.js"></script>), damit das Menü ausklappt:

Code

$('.haupt ul li.has-children > a').click(function() {
    $(this).parent().siblings().find('ul').slideUp(300);
    $(this).next('ul').stop(true, false, true).slideToggle(300);
    return false;
});

Wenn ich diese jQuery-Datei nicht einbinde funktioniert die obige Funktion nicht mehr. (die andere jQuerydatei wird davor geladen).
Gibt es evtl. die eine oder andere Funktion nicht in der 1.12.4 oder hat es mit der UI zu tun die ich einbinde?

Danke für eure Hilfe
Nadja

Arne Drews

Du musst Dich für eine jQuery entscheiden. Zwei Versionen parallel einsetzen, hat bisher niemandem genützt.
Zu der jQuery-Version musst Du dann die entsprechende UI-Version laden.

nadjak

Ja, das war mir schon klar, dass ich mich für eine Entscheiden muss.
Wenn ich die neuere Einbinde passt es wieder
Danke!

Tags