javascript - CakePHP FormHelper 和 IE 日期问题

Question

我正在使用 CakePHP 构建一个日历应用程序，它在 Chrome/Firefox 等中看起来很棒，但是当我在 IE 中进行一些测试时，我注意到日期选择器根本没有加载:

IE Date Picker

Chrome Date Picker

如有任何帮助，我们将不胜感激。

罗斯。

编辑: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>

Answer 1

Internet Explorer 和Firefox 不支持“日期”的输入类型。 (即 <input type="Date"> )

如果浏览器是 IE，CakePHP 通常会生成一组选择下拉列表来选择日期。我不确定为什么你的不是，但选择下拉菜单很少看起来非常用户友好。

支持 IE 和其他浏览器的最佳解决方案是为日期选择器实现一个 javascript 解决方案。

那里有很多，我发现最用户友好的是这个:http://www.ama3.com/anytime/