iOSの7のモバイルサファリもはやサポートの<input type =「日時」/>

Question

私はむしろ大のiPadアプリケーションがPhoneGapのを使用して構築されたとiOSで適切に動作するつもりだった私は確かにすべてを作るためにいくつかのテストをしていた持っています7.私が見つけた最大の問題は、<input type="datetime"/>はもはやサポートされていないということです。

私はいくつかの投稿を見てきましたが、あなたは現在、日付と時刻の2つのフィールドを持つ必要があることを示唆しています。私はアプリケーション全体でこれを使用しているので、これは本当に大きな変化です。私はのiOSのベータリリースで壊れたばかりなのですが、HTML 5標準入力のタイプなので、私は期待していますが、情報を見つけることができませんでした。

ご意見やご感想をいただければ幸いです。

Answer 1

datetimeのサポートは削除されましたが、代わりにdatetime-localを使用できます。私が聞いたことから（誰から言うことはできない）、それはここにあります。

Answer 2

それは、この入力タイプは、iOSの7 Google Chromeの後

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

で削除されたように、今のiOS上のSafariはもう 日時入力タイプをサポートしていないし、それがテキストにフォールバックします見えます。このタイプの は、同じ目的のために日付と の2つの入力を使用することを推奨して、標準で非難されました。問題は、datetimeがバージョン5.0から6.1のiOSと互換性がある だったことです。あなたがそれを使用している場合、注意してください！

Answer 3

私はdatetime-localを使用しましたが、コントロールとのバインディング時にタイムゾーンを考慮する必要があります。 GMT時間をデータベースに保存したい。私はバインディング中に前後に変換するために以下の関数を使用しました。

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

here

あなたのCSSは以下のように変更しなければならないの参照を参照してください：

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