dateform001

当サイトの予約ページ部分のここ。
日付を指定入力して空室検索をするところ。

dateform002

サイトのプログラムを書いている時から、
管理人にとっては見慣れた画面で、みなさんも同じ景色を見ていると思い込んでいました。

ブラウザの違いで出ないことあり

dateform003

ところが、ある条件で見ると、同じページなのにこんな状態・・・。
日付の入力は、2013-07-11などの形態で入力しなければならないのに。。。
これでは、上手に入力できません。

原因は、ブラウザの違い。
管理人は普段、グーグルのchromeを使っていて、開発でもchrome環境で行っていました。

スマホに対応した当サイトはHTML5で書いており、
chromeでは、日付のフォームでカレンダーが出てくるのですが、
IE、マイクロソフトのインターネットエキスプローラー、およびスマホOSのアンドロイド。
firefoxなどのブラウザでは、この機能がキャンセルされると分かりました。

正直ショック・・・

ホテル検索ページ、スマホ対応にデザイン変更」したのが、5月9日ですから、
この状態で2か月強もほったらかし。

せっかく、見に来てくださったお客様には、
本当にご迷惑をおかけして。。。と反省しています。

現状では、別システムで

dateform004

このようにカレンダー表示できるよう修正しましたので、
ぜひ、一度ご覧になってください。

iphoneでの入力のコツ

OLYMPUS DIGITAL CAMERA

iphoneの入力は、ちょっとコツがあるかも・・・。
上記2つの○印のように、入力フォームはあえて2つ残しました。
どちらでも入力できます。

上のカレンダーフォームからの入力は問題ないですが、
下のiphoneフォームから入力すると

OLYMPUS DIGITAL CAMERA

このようにカレンダーが残ったままで、
チェックアウトの日付の入力ができません。

OLYMPUS DIGITAL CAMERA

そこで、左側の大人人数の入力ボタンを押すと

OLYMPUS DIGITAL CAMERA

カレンダーがキャンセルされるので、入力できます。
ちょっと面倒くさいですが、、、すみません。
管理人の技術力では、今のところ、これが限界です。