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 以及更早的版本中完全支持。
  • 相关阅读:
    poj 2560Freckles (krusual)
    ACRush 楼天成回忆录
    大腕版ACMICPC比赛
    POJ刷题
    DataGrid中添加DropdownList时的数据绑定
    【转帖】SQL Server各种日期计算方法(收藏)
    安全配置Win2000服务器
    C#写的一个代码生成器
    .Net 常用加密算法类
    实习之最
  • 原文地址:https://www.cnblogs.com/xzzzys/p/7791835.html
Copyright © 2011-2022 走看看