zoukankan      html  css  js  c++  java
  • 日常发现的小工具

    日期控件

    WdatePicker日期控件使用与值获取

    1.HTML

          <!--引入WdaePicker文件-->
          <script type="test/javascript" scr="datePicker/WdatePicker.js"></script>
          <link rel="stylesheet" type="text/css" href="datePicker/skin/WdatePicker.css"/>
         
          <input id="time" type="text" class="Wdate" οnclick="WdatePicker({el:$dp.$('time'),dateFmt:'yyyy'})"/>

      这里设置了控件的el表达式为$dp.$('time'),时间设置为只有年,还可以是'yyyy年MM月dd日'等等各种自由的格式,最大最小日期设置为minDate和maxDate属性


    2.JS

          $dp.$('time').value="2017"//设置初始值为2017
          var time = $dp.$('time').value;//获取值

    JS中获取日期 

    var date = new Date();

    date .getYear(); //获取当前年份(2位)

    date .getFullYear(); //获取完整的年份(4位)

    date .getMonth(); //获取当前月份(0-11,0代表1月)

    date .getDate(); //获取当前日(1-31)

    date .getDay(); //获取当前星期X(0-6,0代表星期天)

    date .getTime(); //获取当前时间(从1970.1.1开始的毫秒数)

    date .getHours(); //获取当前小时数(0-23)

    date .getMinutes(); //获取当前分钟数(0-59)

    date .getSeconds(); //获取当前秒数(0-59)

    date .getMilliseconds(); //获取当前毫秒数(0-999)

    date .toLocaleDateString(); //获取当前日期

    var mytime=date .toLocaleTimeString(); //获取当前时间

    date .toLocaleString( ); //获取日期与时间


     

  • 相关阅读:
    CSS——精灵图与背景图片定位
    CSS——text-indent
    CSS——样式隐藏
    CSS——规避脱标流和vertical-align
    CSS——盒子居中显示
    CSS——img
    CSS——position
    CSS——样式初始化
    CSS——清除浮动
    CSS——float
  • 原文地址:https://www.cnblogs.com/sjzxs/p/11994849.html
Copyright © 2011-2022 走看看