zoukankan      html  css  js  c++  java
  • HTML5表单之Input 类型- Date Pickers(日期选择器)

     

    HTML5 拥有多个可供选取日期和时间的新输入类型:

    1. date-选取日、月、年
    2. month-选取月、年
    3. week-选取周和年
    4. time-选取时间(小时和分钟)
    5. datetime-选取时间、日、月、年(本地时间)
    下面的例子允许我从日历中选一个日期:
    eg:
    Date:<niput type="date" name="user_date" />
    [html] view plain copy
     
    1. <!DOCTYPE html>  
    2. <html>  
    3. <head><title>xxxx</title>  
    4. </head>  
    5. <body>  
    6.     <form action="/example/html5/demo_form.asp" method="get">  
    7.     <input type="date" name="user_date" />  
    8.     <input type="submit" />  
    9.     </form>  
    10. </body>  
    11. </html>  
    效果如图:


    假如
    [html] view plain copy
     
    1. type="date"  
    date换成输入的是month:
     
    假如输入的是week:
    假如输入的是time:
     
    假如输入的是datetime:
     
    假如是datetime-local:
     
    datatime调不出日历控件原因:
    调不出来是因为有些浏览器不支持datetime这种日历控件,比如chrome。
    Datetime 对象是 HTML5 中的新对象。
    Datetime 对象表示 HTML <input type="datetime"> 元素。
    注释:Internet Explorer、Firefox 或者 Chrome 不支持 <input type="datetime"> 元素,Safari 中部分支持。Opera 12 以及更早的版本中完全支持。
  • 相关阅读:
    JUnit4.13环境配置
    OO第5-7次作业总结
    电梯的一点浅优化
    C++变量作用域、生存期、存储类别
    最后一次OO博客
    OO第三次总结
    OO第二次总结
    OO第一次总结
    POJ3934
    POJ刷题计划
  • 原文地址:https://www.cnblogs.com/xzzzys/p/7791835.html
Copyright © 2011-2022 走看看