Element使用笔记（一）日期时间选择器

日期时间选择器类型

“date” 仅日期选择，不带时间选择

<el-date-picker
 type="date"
 placeholder="选择日期">

“datetime” 日期时间选择选择

<el-date-picker
 type="datetime"
 placeholder="选择日期时间">

日期时间选择器控制可选择范围

使用 picker-options 定位 disabledDate 范围

<el-date-picker
 type="datetime"
 placeholder="选择日期时间"
 :picker-options="pickerOptions">
</el-date-picker>

data() {
  return {
    pickerOptions: {
      disabledDate(time) {
	    //今天以及今天之前的日期
        return time.getTime() > Date.now() - 8.64e6;
      }
    }
  }
}

在边栏添加快捷选择按钮

<el-date-picker
 type="datetime"
 placeholder="选择日期时间"
 :picker-options="pickerOptions">