3

CakePHP を使用してカレンダー アプリを作成していますが、Chrome/Firefox などでは見栄えがしますが、IE でテストを行ったところ、日付ピッカーがまったく読み込まれていないことに気付きました。

IE 日付ピッカー

Chrome 日付ピッカー

どんな助けでも大歓迎です。

ロス。

編集: PHP コードと HTML 出力

echo $this->Form->input('start_date', array(
    'type' => 'Date',
    'label' => array('text' => 'Start Date', 'class' => 'formField'),'dateFormat' => 'DMY','minYear' => date('Y') - 70, 'maxYear' => date('Y') - 18,));

echo $this->Form->input('end_date', array(
    'type' => 'Date',
    'label' => array('text' => 'End Date', 'class' => 'formField'),'dateFormat' => 'DMY','minYear' => date('Y') - 70,'maxYear' => date('Y') - 18,));

HTML:

<form action="/EbCal/admins/report" id="reportIndexForm" method="post" accept-charset="utf-8">
  <div style="display:none;">
    <input type="hidden" name="_method" value="POST"/>
  </div>
  <div class="input Date">
    <label for="reportStartDate" class="formField">Start Date</label>
    <input name="data[report][start_date]" dateFormat="DMY" minYear="1943" maxYear="1995" type="Date" id="reportStartDate"/>
  </div>
  <div class="input Date">
    <label for="reportEndDate" class="formField">End Date</label>
    <input name="data[report][end_date]" dateFormat="DMY" minYear="1943" maxYear="1995" type="Date" id="reportEndDate"/>
  </div>
  <BR>
  <div class="submit">
    <input  type="submit" value="Generate Report"/>
  </div>
</form>
4

1 に答える 1

1

Internet Explorer および Firefox は、「日付」の入力タイプをサポートしていません。(つまり<input type="Date">)

ブラウザーが IE の場合、CakePHP は通常、日付を選択するための選択ドロップダウンのセットを生成します。なぜそうでないのかはわかりませんが、選択ドロップダウンが非常にユーザーフレンドリーに見えることはめったにありません.

IE およびその他のブラウザーをサポートするための最良のソリューションは、日付ピッカー用の JavaScript ソリューションを実装することです。

そこにはたくさんありますが、私が最も使いやすいと思ったのはこれです: http://www.ama3.com/anytime/

于 2013-12-12T15:01:41.980 に答える