iview 自定义时间选择器组件_iview和element中日期选择器快捷选项的定制控件

pickerOptions: {

shortcuts: [{

text:'今日',

onClick(picker) {

const end= newDate();

const start= newDate();

picker.$emit('pick', [start, end])

}

}, {

text:'昨日',

onClick(picker) {

const end= newDate();

const start= newDate();

start.setTime(start.getTime()- 3600 * 1000 * 24)

end.setTime(end.getTime()- 3600 * 1000 * 24)

picker.$emit('pick', [start, end])

}

}, {

text:'上周',

onClick(picker) {

const start= moment(moment().week(moment().week() - 1).startOf('week').add(1, 'days').valueOf()).format("YYYY-MM-DD HH:mm:ss")const end= moment(moment().week(moment().week() - 1).endOf('week').add(1, 'days').valueOf()).format("YYYY-MM-DD HH:mm:ss");

picker.$emit('pick', [start, end])

}

}, {

text:'本周',

onClick(picker) {

const start= moment(moment().week(moment().week()).startOf('week').add(1, 'days').valueOf()).format("YYYY-MM-DD HH:mm:ss")const end= moment(moment().week(moment().week()).endOf('week').add(1, 'days').valueOf()).format("YYYY-MM-DD HH:mm:ss");

picker.$emit('pick', [start, end])

}

}, {

text:'上月',

onClick(picker) {

const start= moment(moment().month(moment().month() - 1).startOf('month').valueOf()).format('YYYY-MM-DD');

const end= moment(moment().month(moment().month() - 1).endOf('month').valueOf()).format('YYYY-MM-DD');

picker.$emit('pick', [start, end])

}

}, {

text:'本月',

onClick(picker) {

const start= moment(moment().month(moment().month()).startOf('month').valueOf()).format('YYYY-MM-DD');

const end= moment(moment().month(moment().month()).endOf('month').valueOf()).format('YYYY-MM-DD');

picker.$emit('pick', [start, end])

}

}, {

text:'最近一周',

onClick(picker) {

const end= newDate();

const start= newDate();

start.setTime(start.getTime()- 3600 * 1000 * 24 * 7)

picker.$emit('pick', [start, end])

}

}, {

text:'最近一月',

onClick(picker) {

const end= newDate()

const start= newDate()

start.setTime(start.getTime()- 3600 * 1000 * 24 * 30)

picker.$emit('pick', [start, end])

}

}, {

text:'上季度',

onClick(picker) {

const start= moment(moment().quarter(moment().quarter() - 1).startOf('quarter').valueOf()).format('YYYY-MM-DD');

const end= moment(moment().quarter(moment().quarter() - 1).endOf('quarter').valueOf()).format('YYYY-MM-DD');

picker.$emit('pick', [start, end])

}

}, {

text:'本季度',

onClick(picker) {

const start= moment(moment().quarter(moment().quarter()).startOf('quarter').valueOf()).format('YYYY-MM-DD');

const end= moment(moment().quarter(moment().quarter()).endOf('quarter').valueOf()).format('YYYY-MM-DD');

picker.$emit('pick', [start, end])

}

}, {

text:'去年',

onClick(picker) {

const start= moment(moment().year(moment().year() - 1).startOf('year').valueOf()).format('YYYY-MM-DD');

const end= moment(moment().year(moment().year() - 1).endOf('year').valueOf()).format('YYYY-MM-DD');

picker.$emit('pick', [start, end])

}

}, {

text:'今年',

onClick(picker) {

const start= moment(moment().year(moment().year()).startOf('year').valueOf()).format('YYYY-MM-DD');

const end= moment(moment().year(moment().year()).endOf('year').valueOf()).format('YYYY-MM-DD');

picker.$emit('pick', [start, end])

}

}]

}