美文网首页Vue
vue 工具类之——获取系统日期,时间,星期

vue 工具类之——获取系统日期,时间,星期

作者: OMYALL | 来源:发表于2019-01-04 23:21 被阅读0次

    写法有很多种:例如

    const aa = (obj) =>{
      return obj;
    }
    export {aa}
    import {aa} from '../util/aa'

    export default aa
    import aa from '../util/aa'
    export default function aa() { 
          return obj;
    }
    import aa from '../util/aa'


    DataTime.js:


    /**

    * description: DateTime

    * create_time: 2018-12-29

    * message: 不接受任何私下吐槽,请当面沟通协调

     */

    class DateTime {

      // 构造方法

      constructor() {

        // 列举Week

        this.weekday= ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];

        // 获取当前时间

        this.Date= new Date();

        // 获取当前年

        this.year= this.Date.getFullYear();

        // 获取当前月

        this.month= this.Date.getMonth() + 1;

        // 获取当前日

        this.date= this.Date.getDate();

        // 获取当前星期几

        this.day= this.Date.getDay();

        // 获取小时

        this.hour= this.Date.getHours();

        // 获取分钟

        this.minute= this.Date.getMinutes();

        // 获取秒

        this.second= this.Date.getSeconds();

        // 自动补零

        this.month= (this.month< 10) ? '0' + this.month: this.month= this.month;

        this.date= (this.date< 10) ? '0' + this.date: this.date= this.date;

        this.minute= (this.minute< 10) ? '0' + this.minute: this.minute= this.minute;

        this.second= (this.second< 10) ? '0' + this.second: this.second= this.second;

      };

      /**

      * 获取当前日期

      * @returns {string}

    */

      getDate() {

        return this.year+ '-' + this.month+ '-' + this.date+ ' ' + ' ';

      };

      /**

      * 获取当前时间

      * @returns {string}

    */

      getTime() {

        return this.hour+ ':' + this.minute+ ':' + this.second;

      };

      /**

      * 获取当前星期几

      * @returns {string}

    */

      getWeek() {

        return this.weekday[this.day]

      };

    }

    export {DateTime}


    使用方法:

    import {DateTime} from '../../util/DataTime'

    created() {

      let vue = this;

      setInterval( () =>{

        let date = new DateTime();

        vue.dateTime.currentDate= date.getDate();

        vue.dateTime.currentTime= date.getTime();

        vue.dateTime.currentWeek= date.getWeek();

      },1000)

    }


    更多文章可查看以前的博客 CSDN  (后续博文将更新至简书)

    相关文章

      网友评论

        本文标题:vue 工具类之——获取系统日期,时间,星期

        本文链接:https://www.haomeiwen.com/subject/hcylrqtx.html