el-date-picker指定日期显示标志

el-date-picker是Element UI库中的一个日期选择器组件，用于在网页中选择日期。要指定日期显示标志，可以使用特定的属性和插槽。

一种常见的方式是使用`disabled-date`属性来指定禁用的日期，这样在日期选择器中会以不同的样式显示。例如，可以通过设置一个函数来禁用特定的日期，如下所示：

<el-date-picker
  v-model="date"
  :disabled-date="disabledDate"
></el-date-picker>

data() {
  return {
    date: null
  };
},
methods: {
  disabledDate(time) {
    // 在这里编写禁用日期的逻辑
    // 返回true表示禁用该日期，返回false表示启用该日期
    // 例如，禁用所有周末的日期：
    return time.getDay() === 0 || time.getDay() === 6;
  }
}

另一种方式是使用`picker-options`属性来自定义日期单元格的内容。可以通过设置一个对象来指定自定义的渲染函数，如下所示：

<el-date-picker
  v-model="date"
  :picker-options="pickerOptions"
></el-date-picker>

data() {
  return {
    date: null,
    pickerOptions: {
      disabledDate: (time) => {
        // 在这里编写禁用日期的逻辑
        // 返回true表示禁用该日期，返回false表示启用该日期
        // 例如，禁用所有周末的日期：
        return time.getDay() === 0 || time.getDay() === 6;
      },
      cellClassName: (date) => {
        // 在这里编写自定义日期单元格的样式逻辑
        // 返回一个字符串，表示该日期单元格的样式类名
        // 例如，给特定日期添加一个自定义样式类：
        if (date.getDate() === 1 && date.getMonth() === 0) {
          return 'special-date';
        }
        return '';
      }
    }
  };
}

以上是两种常见的方式来指定日期显示标志。你可以根据具体需求选择其中一种或结合使用。