vue 工具类之——获取系统日期,时间,星期
写法有很多种:例如const aa = (obj) =>{ return obj;}export {aa}import {aa} from '../util/aa'export default aaimport aa from '../util/aa'export default function aa() { return obj;}...
写法有很多种:例如
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: 登录页样式文件
* 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 (后续博文将更新至简书)
更多推荐
所有评论(0)