So ändern Sie das Datum im Textfeld in das gewünschte Format, wenn sich etwas in einem Dropdown geändert hat

Question

Ich habe ein Formular, das eine Reihe von Eingabetextfeldern mit Datumsauswahl (datepicker.js) enthält. Wenn der Benutzer den Wert in der Gebietsschema-Dropdown-Liste ändert, ändere ich das Datumsformat und reinitialisiere die Datumsauswahl mit diesem lokalen spezifischen Format. Wenn der Benutzer bereits ein Datum in das Textfeld eingegeben und das Gebietsschema geändert hat, möchte ich dieses Datum automatisch in das gewünschte Format konvertieren.

Wenn der Benutzer beispielsweise das Datum ausgewählt hat, an dem die Gebietsschema-Dropdown-Liste en_US anzeigt und das Datum 30.04.2016 ist, wenn er das Gebietsschema auf en_UK ändert, dann soll das Datum als 30/04/2016 im Textfeld. Ich habe einige Bibliotheken ausprobiert, aber keine scheint einfach zu sein. Können wir das in JQuery oder UndercorjS oder in einfachem Javascript tun?

dateFormat = (currentLocale == that.defaultLocale) ? 'm/d/Y' : 'd/m/Y'; 

      var options = { 
       lazyInit : false, // Lazy init to prevent a lot of instances right away 
       timepicker : false, 
       format : dateFormat, 
       minDate: 0, 
       closeOnDateSelect: true 
      }; 

       $('input.datetime').datetimepicker(options); 
       if(currentLocale == that.defaultLocale) 
        $('input.datetime').attr("placeholder", "mm/dd/yyyy"); 
       else 
        $('input.datetime').attr("placeholder", "dd/mm/yyyy"); 

Answer 1

Suchen Sie dieser Suchbegriffe? :

function getFormattedDate(date) { 
     var year = date.getFullYear(); 
     var month = (1 + date.getMonth()).toString(); 
     month = month.length > 1 ? month : '0' + month; 
     var day = date.getDate().toString(); 
     day = day.length > 1 ? day : '0' + day; 
     return month + '/' + day + '/' + year; 
    }