jQuery datepicker-display-format

Ich habe MySQL-Tabelle mit Feld Datum (yy-mm-dd).

Und ich habe die form mit datepicker, dass änderungen, und es funktioniert gut.

ABER am frontend Datum wird angezeigt als mm-dd-yy und das kann verwirrend sein.

Ich würde, wie field mit datepicker angezeigt Wert als mm-dd-yy, aber der eigentliche Wert sollte im alten format (yy-mm-dd).

Wie erreichen Sie diese?

Hinzugefügt: ich weiß, wie ich das format ändern von Datum. Ich will separate angezeigten Wert und dem tatsächlichen Wert. Das ist es, worum es geht.

InformationsquelleAutor Dmitry | 2011-12-29
  1. 16

    Den jQuery UI Datepicker-widget kommt mit altField und altFormat Optionen, mit denen Sie eine sekundäre (ausgeblendet, wenn Sie möchten) Eingabe in ein Formular zu speichern das Datum in beliebigen format Sie möchten:

    $( ".selector" ).datepicker({
    altField  : '#actualDate',
    altFormat : 'yy-mm-dd'
});

    Quelle: http://jqueryui.com/demos/datepicker/#option-altFormat

    Hier ist eine demo: http://jsfiddle.net/MmKmq/

    • Dieses sieht wie es eine gute Lösung! Ich werde versuchen, diese und markieren als Lösung wenn es hilft.
    • Genial!! Vielen Dank für diese.
    • Dies ist eine schreckliche hack von jQuery.
    InformationsquelleAutor Jasper
  2. 0

    Haben Sie einen Blick auf das jquery-Seite, wird es Sie direkt, was Sie wollen:

    http://docs.jquery.com/UI/Datepicker#option-dateFormat

    als für die Verarbeitung als yy-mm-dd, die Sie haben können, um dies durch eine Methode, die auf Ihrer web-Seite zum ändern der Formatierung.

    • Vielen Dank, das Lesen.
    • das meinte ich mit "Sie müssen dies tun, durch eine Methode auf deiner Seite....". was könnten Sie tun haben, ist ein verstecktes text-Feld, das als der wahre Wert und das andere Textfeld ist, was der Benutzer sieht. dann speichern Sie die verborgenen Wert?? nur eine Idee...
    • Das ist zu Komplex... Meine form wird automatisch generiert und datepicker automatisch angehängt zu. Wenn ich zusätzliche Elemente manuell und stellen Sie die Ereignis-Verarbeitung manuell und so weiter wird es ruinieren alle der Flexibilität. Gibt es wirklich keinen Weg, um es mit DP-interne Möglichkeiten?
    • ja, siehe Antwort @jasper hat oben gegeben.
    InformationsquelleAutor Ric
  3. 0

    Können Sie versuchen, diese:

    <input type="text"   id="displayDate" />
<input type="hidden" id="submittedDate" />

<script type="text/javascript">

   $(document).ready(function() {

      $("#displayDate").datepicker({
         dateFormat: 'MM dd, yy', //this is the format of the date that will be shown
         onSelect: function(dateText, inst) {
            var date  = new Date(dateText);
            $("#submittedDate").val(date.getTime()); //transform into what you want to submit here
         }
      });

   });

</script>
    InformationsquelleAutor Mr.J4mes
Schreibe einen Kommentar