vue调用日期_Vue el-date-picker 日期组件的使用

一:显示年月

js代码:

export default {

data() {

return {

selectMonth:''

}

},

created() {

this.initData({});

},

methods: {

jobSearch() {

this.getJobListByMonth();

},

async initData(data) {

//获取当前时间

var now = new Date();

var monthn = now.getMonth()+1;

var yearn = now.getFullYear();

this.selectMonth = yearn+"-"+monthn;

this.selectUser = parseInt(sessionStorage.getItem("userid"));

// this.getWeekJobList({

// userid: sessionStorage.getItem("userid"),

// weekid: "1"

// });

this.getJobListByMonth();

},

async getJobListByMonth(data) {

}

}

}

二:选择年月日

js代码:

data() {return{

selectDay:''}

},

created() {this.initData({});

},

methods: {

dataSearch() {this.getListByDay();

},asyncinitData(data) {//获取当前时间

var now = newDate();var monthn = now.getMonth()+1;var yearn =now.getFullYear();var dayn =now.getDate();this.selectDay = yearn+"-"+monthn+"-"+dayn;this.selectUser = parseInt(sessionStorage.getItem("userid"));this.getListByDay();

},asyncgetListByDay(data) {

}

}

}

三:显示年月日时分(秒)

js代码:

data() {return{

selectDatetime:''}

},

created() {this.initData({});

},

methods: {

dataSearch() {this.getListByDataTime();

},asyncinitData(data) {//获取当前时间

var now = newDate();var monthn = now.getMonth()+1;var yearn =now.getFullYear();var dayn =now.getDate();var h =now.getHours();var m =now.getMinutes();var s =now.getSeconds();this.selectDatetime = yearn+"-"+monthn+"-"+dayn+" "+h+":"+m+":"+s;this.selectUser = parseInt(sessionStorage.getItem("userid"));this.getListByDataTime();

},asyncgetListByDataTime(data) {

}

}

}