iOS 7 Mobile Safari nicht mehr unterstützt <input type = „Datetime“ />

Question

Ich habe eine ziemlich große iPad Anwendung mit PhoneGap gebaut und ich war einige Tests machen, ob alles machen würde angemessen iOS in arbeiten 7. Das wichtigste Problem, das ich gefunden habe, ist, dass <input type="datetime"/> nicht mehr unterstützt wird.

Ich habe mehrere Beiträge gesehen, die vorschlagen, dass Sie jetzt zwei getrennte Felder für Datum und Uhrzeit haben müssen. Dies ist eine wirklich große Veränderung, weil ich dies überall in der Anwendung verwende. Ich hoffe, das ist nur etwas kaputt in der Beta-Version von iOS 7, da es ein HTML 5 Standard-Eingabe-Typ ist, aber ich kann nicht scheinen, um Informationen zu finden.

Jede Hilfe oder Gedanken würde sehr geschätzt werden.

Answer 1

Unterstützung für datetime wurde entfernt, aber Sie können stattdessen datetime-local verwenden. Von dem, was ich höre (kann nicht sagen, von wem), ist es hier zu bleiben.

Answer 2

Es sieht aus wie dieser Eingabetyp in iOS 7

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

Nach Google Chrome, jetzt Safari auf iOS mehr Datetime-Eingang gibt nicht auf Text entfernt wurde unterstützt das und es wird Rückfall . Dieser Typ wurde in der Norm für die Verwendung von zwei Eingängen, Datum und Zeit für den gleichen Zweck veraltet. Das Problem ist, dass datetime kompatibel war mit iOS von Version 5.0 bis 6.1; Wenn Sie es benutzen, seien Sie vorsichtig!

Answer 3

Ich habe die Datetime-Local verwendet, aber Sie müssen sicherstellen, dass Sie die Zeitzone berücksichtigen, wenn Sie an und von der Kontrolle binden. Wir möchten GMT-Zeit in der Datenbank speichern. Ich habe die folgenden Funktionen verwendet, um während des Bindens hin und her zu konvertieren.

function formatHTML5DateTime(date) 
{ 
try 
{ 
    if (typeof(date) == 'undefined' || date == null || date == '') return ""; 

    var tmpDate = new Date(date); 
    // gets the timezone offset in minutes 
    var offset = tmpDate.getTimezoneOffset(); 
    // apply the timezone offset in reverse to local time 
    var newDate = tmpDate.addMinutes(Math.abs(offset) * -1); 

    return newDate.toISOString().replace("Z", ""); 
} 
catch(e) 
{ 
    return ""; 
} 
} 

function formatJSDate(date) 
{ 
try 
{ 
    if (typeof(date) == 'undefined' || date == null || date == '') return ""; 

    var tmpDate = new Date(date); 
    // gets the timezone offset in minutes 
    var offset = tmpDate.getTimezoneOffset(); 
    // apply the timezone offset to UTC time 
    var newDate = tmpDate.addMinutes(offset); 

    return newDate.toISOString(); 
} 
catch(e) 
{ 
    return ""; 
} 
} 

Answer 4

siehe Referenz here

sollte Ihre CSS wie unten ändern werden:

{ 
align-items: center; 
display: -webkit-inline-flex; 
overflow: hidden; 
padding: 0px; 
-webkit-padding-start: 1px; 
}