前言：好記性不如爛筆頭
- 帶快捷方式的
- 可設置默認時間
- js中的Date對象?setHours()方法——Date.setHours(hour,min,sec,millisec)，如new Date().setHour(0, 0, 0)，new Date().setHour(23, 59, 59)
- 帶快捷鍵的，關鍵屬性picker-options，單個日期時間的選擇或者日期時間段的選擇都可以用
- 配置:picker-options="pickerOptions"
- 在data中給pickerOptions賦值，其中的shortcuts屬性賦值為一個對象數(shù)組，屬性值為text和onClick
<script>
export default {
data() {
return {
pickerOptions: {
shortcuts: [{
text: '今天',
onClick(picker) {
picker.$emit('pick', new Date());
}
}, {
text: '昨天',
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24);
picker.$emit('pick', date);
}
}, {
text: '一周前',
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', date);
}
}]
},
};
}
};
</script>2. 可以設置默認時間，關鍵屬性default-time，default-time為一個數(shù)組。
default-time接受一個數(shù)組，數(shù)組每項值為字符串，形如12:00:00，其中第一項控制起始日期的具體時刻，第二項控制結束日期的具體時刻。
文章來源：http://www.zghlxwxcb.cn/news/detail-507412.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-507412.html
到了這里，關于element-ui 日期時間選擇控件DateTimePicker 帶快捷方式，配置默認時間的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
