web-dev-qa-db-ja.com

モバイルデバイスでの日付入力

私はタッチスクリーンモバイルブラウザー用に最適化されたWebフォームを設計しています。これらのフィールドの1つは生年月日入力です。 Webフォームでは、現在3つの選択ボックスに分割されています(1つは日、月、年)。私の最初の考えは、ユーザーにとって入力が面倒なので、これはモバイルではそれほどうまく機能しないかもしれませんが、このアプローチを使用すると、無料の入力フィールドではなくデータが検証されます。

モバイル用に生年月日または日付フィールドを実装した経験はありますか?実装している場合は、アプローチを使用しましたか?andriod/iPhoneには、これを処理するためのキーボード/関数が組み込まれていますか?

4
Wander

Androidには DatePicker アプリ用のクラスがあり、ユーザーが日付タイプとして定義されているフィールドをタップすると、下のダイアログがポップアップします。

簡単なグーグル検索は、iOSに 類似のクラス があることを示しているようです。

これらは私の経験ではかなり多用されていますので、モバイルWebフォームにこのタイプの入力メソッドを採用しても問題はありません。

MobiScroll は、同じアイデアのWebベースのバージョンです (かなりうまく動作します 私の両方のAndroidデバイスで動作していることを示しています) iOSも同様です。

Date Picker

6
Karen

<input type="date"/> iPhoneでは、デバイス固有の日付セレクターが表示されます。他のブラウザでどのように機能するかはわかりませんが、 テストはかなり簡単です

この入力は、他の環境、特にChromeほどきれいではありません。

機能検出を使用して、デバイスでサポートされているかどうかを確認し、サポートされていない場合は、適切なフォールバックを使用します。

2
Bill Criswell

特定のデバイスを使用する人々は、特定の方法で日付を入力することに慣れています。そのため、iOSでもAndroidデバイスでも、最もよく使用される方法を使用してください。

0
JohnGB

アプリの学習曲線を短くしたい場合は、各OS /プラットフォーム設計ガイドに従うことをお勧めします。 @JohnGBが言ったように、特定の各OSユーザーは自分のOSのパターンに慣れています。

0
Daniel