el-date-picker禁止点击

要禁止el-date-picker的点击，你可以使用以下方法：

1. 使用type="datetime"属性。这个属性可以实现同时选择日期和时间，但是不能自定义条件。例如：

<el-date-picker v-model="dxDate" type="datetime"></el-date-picker>

2. 使用editable="false"属性。这个属性可以禁止外层的输入，但是里层的(白色的部分)还是可以点击。你可以使用CSS来禁止左侧的日期输入，例如：

.el-date-picker__time-header {
  .el-date-picker__editor-wrap:nth-child(1) .el-input:nth-child(1) {
    z-index: -1;
  }
}

3. 使用js控制时间范围。你可以使用disabledDate方法来设置可选择的日期范围，例如：

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

data: {
  pickerOptions: {
    disabledDate(time) {
      const curDate1 = (new Date()).getTime();
      const day = 6 * 24 * 3600 * 1000;
      const dateRegion = curDate1 + day;
      return time.getTime() < Date.now() - 8.64e7 || time.getTime() > dateRegion;
    }
  }
}

使用这些方法之一，你可以禁止el-date-picker的点击。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [elementUI el-date-picker控制时间禁止点击](https://blog.csdn.net/p930318/article/details/104517886)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [el-date-picker禁止手动输入只能选择](https://blog.csdn.net/anny_mei/article/details/124175502)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]