前端 - html5 input datetime为什么调不出来日历控件?
ringa_lee
ringa_lee 2017-04-17 11:49:42
[HTML讨论组]

代码如下:

<!DOCTYPE html>
<html>
  <head>
    <title>
    Creating Date and Time Controls
    </title>
  </head>
  HTML5 Forms
  <body>
    <form id="myForm">
      <fieldset>
        <legend>Creating Date and Time Controls</legend>

        <p>
          <label>Select a date and a time:
            <input type="datetime" />
          </label>
        </p>

      </fieldset>
    </form>
  </body>
</html>

测试连接:

http://output.jsbin.com/huzuze

ringa_lee
ringa_lee

ringa_lee

全部回复(9)
怪我咯

很多浏览器不支持这种input datetime

chrome这种一般都支持,看你用什么浏览器了。

最好的方法就是用 js | jquery 插件来做...

ringa_lee
<input type="date">

demo:https://jsfiddle.net/dwqs/3epxmg2n/
chrome 31+和opera 27+完美支持

ringa_lee

datatime的兼容还不好呗~
如果要做一个全兼容的时间控件,还是找第三方的控件吧

迷茫

http://www.w3school.com.cn/tags/att_input_type.asp
建议用jquery ui的datetimepicker控件,兼容各浏览器

PHP中文网

用type = datetime-local 可以在移动端调用日期控件

PHP中文网

我试了下。发现一个问题。我的HTML页面引入了日历插件。不引用,input type=datetime 貌似会调用你这个引入的。不引用,则调用不到。

巴扎黑

datetime 改为 date

怪我咯

http://caniuse.com/#search=datetime
大部分浏览器不支持

PHPz

浏览器不兼容

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号