javascript - CakePHP FormHelper 和 IE 日期问题

标签 javascript css internet-explorer cakephp formhelper

我正在使用 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>

最佳答案

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

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

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

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

关于javascript - CakePHP FormHelper 和 IE 日期问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20519291/

相关文章:

html - Blogger 中的 CSS 和 HTML 下拉菜单 --- 在 IE 中悬停时不显示;但在其他浏览器中完美

javascript - 获取 jQuery UI 选项卡的 URI

javascript - 运算符 '<' 无法通过 Excel 加载项应用于类型 'number' 和 'Promise<void>'

javascript - XHR 带进度条的多文件上传

javascript - 导航栏移动不关闭

java - session Cookie 和 IE 8

javascript - 生成随机纬度/经度,同时避开海洋

html - 如何垂直居中 Bootstrap 容器?

css - 使用 CSS 假删除中断标签 <br>

css - 在 Internet Explorer 中对齐