Ankündigung

Einklappen
Keine Ankündigung bisher.

Benötige Hilfe beim einbinden vom "Datepicker"

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Benötige Hilfe beim einbinden vom "Datepicker"

    Hallo miteinander,

    da das HTML5 Formular Feld Datum beim FF leider nicht funktioniert, muss ich mir etwas anderes einfallen lassen.
    Im Netz habe ich eine Java Script dafür gefunden, das klappt auch recht gut, ich bekomme nur das Datum nicht im richtigen Format ausgegeben. :-(

    Vielchat kann mir jemand weiterhelfen.

    ich möchte das Datum so ausgeben 2017-07-01 yyyy-mm-tt

    Weise jemand wie das geht?

    ich habe eine Muster Datei erstellt: (Siehe unten)

    laut DOK. muss man die Zeile:
    Code:
    $.datepicker.formatDate( "yy-mm-dd", new Date( 2007, 1 - 1, 26 ) );
    doch egal wie ich diese einfüge es klappt nicht :-(
    daher bitte ich um Hilfe, vielleicht versteht jemand von euch wo ich das wie einsetzen muss.

    Muster HTML CODE:

    Code:
    <!doctype html>
    <html lang="de">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>jQuery UI Datepicker - Default functionality</title>
      <link rel="stylesheet" href="https://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>
      <script>
      $( function() {
        $( "#datepicker" ).datepicker();
      } );
      </script>
    </head>
    <body>
    
    <p>Datum: <input type="date" id="datepicker" class="" value="" placeholder="1900-01-01" required="required" pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"></p>
    
    </body>
    </html>
    [EDIT] sorry hatte ich vergessen:
    Das ist die Seite vom Datepicker: http://jqueryui.com/datepicker/
    Zuletzt geändert von Muecke.1982; 01.08.2017, 07:21.

  • #2
    Du musst für diesen Datepicker den input-type "text" verwenden.
    Hier ist beschrieben, wie man das Datum formatiert:
    http://api.jqueryui.com/datepicker/#option-dateFormat
    d. h. am einfachsten geht es, wenn man das Format gleich bei der Initialisierung angibt:
    Code:
        <script>
            $( function() {
                $("#datepicker").datepicker({dateFormat: "yy-mm-dd"});
            } );
        </script>
        <p>Datum: <input type="text" id="datepicker" class="" value="" placeholder="1900-01-01" required="required" pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"></p>

    Kommentar


    • #3
      genau das habe ich auch gelesen...

      doch bei mir geht der datepicker dann nicht mehr :-(

      das Obige Beispiel von mir geht, mit Falschen Format.

      wenn ich dein teil einfüge geht der datepicker gar nicht mehr :-(

      Kommentar


      • #4
        Verstehe ich nicht, ich habe den Code so, wie ich ihn gepostet habe, getestet und er hat funktioniert.

        Hast Du auch meinen ersten Satz gelesen und umgesetzt?
        Du musst für diesen Datepicker den input-type "text" verwenden.
        Wenn Du es online hast, dann poste die URL.

        Kommentar


        • #5
          ich glaube so langsam das ich abends nichts mehr machen sollte.

          habe das gestern ein zu eins so wie heute auch zusammen gebaut, und da ging es nicht.

          JETZT geht es aber. irgend was hatte ich gestern wohl anders gemacht.

          DANKE dir, für deine Hilfe.
          leider kann ich keine URL Posten da das Projekt noch vollständig Lokal am laufen ist.



          zur Vervollständigung hier der gesamte HTML Code.
          Code:
          <!doctype html>
          <html lang="de">
          <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>jQuery UI Datepicker - Default functionality</title>
            <link rel="stylesheet" href="https://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>
            <script>
                  $( function() {
                      $("#datepicker").datepicker({dateFormat: "yy-mm-dd"});
                  } );
            </script>
          </head>
          <body>
            <p>Datum: <input type="text" id="datepicker" class="" value="" placeholder="1900-01-01" required="required" pattern="[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])"></p>
          </body>
          </html>

          Kommentar

          homepage-forum.de - Hilfe für Webmaster! Statistiken

          Einklappen

          Themen: 56.399   Beiträge: 428.170   Mitglieder: 27.768   Aktive Mitglieder: 91
          Willkommen an unser neuestes Mitglied, auralivecasino.

          Online-Benutzer

          Einklappen

          231 Benutzer sind jetzt online. Registrierte Benutzer: 1, Gäste: 230.

          Mit 1.625 Benutzern waren am 17.03.2018 um 18:52 die meisten Benutzer gleichzeitig online.

          Die neuesten Themen

          Einklappen

          Kostenlose Homepage bei Jimdo!

          Einklappen

          Jimdo

          Die neuesten Beiträge

          Einklappen

          Lädt...
          X