el-date-picker时分秒此刻失效

el-date-picker组件中，此刻按钮失效的原因是因为picker-options中的disabledDate函数限制了选择的日期范围。如果要使此刻按钮生效，需要在disabledDate函数中将当前日期减去24小时，即将 `date.getTime() - 8.64e7` 作为返回值。以下是解决方案的代码示例：

disabledDate(date) {
  return date.getTime() > Date.now() - 24 * 60 * 60 * 1000;
},

如果要使时分秒也生效，可以在el-date-picker组件中添加value-format属性，并将其设置为 'yyyy-MM-dd HH:mm:ss'。以下是代码示例：

<el-date-picker
  v-model="date"
  :picker-options="pickerOptions"
  value-format="yyyy-MM-dd HH:mm:ss"
  type="datetime">
</el-date-picker>

相关问题

el-date-picker设置picker-options后不能点击此刻

在Element UI的`el-date-picker`组件中，`picker-options`属性是用来配置日期选择器的各种选项，包括日期范围、默认值等。如果你设置了`picker-options`并且遇到点击“此刻”按钮不可用的问题，可能是以下几个原因：

1. **日期范围冲突**：`picker-options`中的`range-separator`和`start-placeholder` / `end-placeholder`可能会导致此刻按钮的行为不符合预期。确认日期范围设定是否允许用户选择“此刻”。

2. **禁止今日选择**：如果在`options`中设置了`disabledDate`函数并阻止了今天的选择，那么此刻按钮自然无法点击。检查你的`disabledDate`规则是否有误，排除今日。

3. **禁用此刻功能**：检查`picker-options`里的`valueFormat`或者`format`，如果它们不支持直接显示当前时间（如仅允许输入固定格式的日期），此刻按钮可能就不会显示或可用。

4. **版本兼容性问题**：确保使用的Element UI版本与`el-date-picker`组件兼容，过旧或非官方版本可能导致一些特性失效。

解决方法是查看`picker-options`的具体配置，尤其是关于日期范围和日期选择限制的部分，并相应地修改或移除可能影响此刻按钮的设置。如果问题依然存在，可以查阅Element UI文档或寻求官方社区的支持。

<el-form-item label="颁发日期" :rules="[{ required: true, message: '颁发日期不能为空' }]"> <el-date-picker v-model="formData.promulgateDate" value-format="yyyy-MM-dd" type="year" placeholder="选择年" :style="{ width: '33%' }" > </el-date-picker> </el-form-item> <el-form-item label="实施日期" :rules="[{ required: true, message: '实施日期不能为空' }]"> <el-date-picker v-model="formData.execDate" value-format="yyyy-MM-dd" type="year" placeholder="选择年" :style="{ width: '33%' }" :picker-options="expireTimeOption" > </el-date-picker> </el-form-item> <el-form-item label="失效日期" :rules="[{ required: true, message: '失效日期不能为空' }, { validator: (rule, value, callback) => checkExpiryDate(rule, value, callback, formData.promulgateDate), trigger: 'blur' }]"> <el-date-picker v-model="formData.expiryDate" value-format="yyyy-MM-dd" type="year" placeholder="选择年" :style="{ width: '33%' }" :picker-options="expiryDateOption"> </el-date-picker> </el-form-item>写下必填的校验规则

这段代码中，有三个表单项需要进行必填校验。规则如下：

1. 颁发日期：必填，不能为空。
2. 实施日期：必填，不能为空。
3. 失效日期：必填，不能为空，且需要进行日期有效性校验，即失效日期必须晚于颁发日期。其中，日期有效性校验的验证器为 checkExpiryDate() 方法，触发时机为失效日期控件的失焦事件（blur）。