el-date-picker type="datetime" 第一次点击时间无法选中

Question

el-date-picker type="datetime" 第一次点击时间无法选中默认成1号

   <el-form-item
              label="销售时间"
              prop="salTime"
              :rules="[{ required: true, message: '请选择销售时间' }]"
            >
              <el-date-picker
                v-model="form.salTime"
                :disabled="types == 'C' || formtypes == 'C'"
                clearable
                placeholder="销售时间"
                type="datetime"
                format="YYYY-MM-DD HH:mm:ss"
                value-format="YYYY-MM-DD HH:mm:ss"
                @change="adsc"
              />
            </el-form-item>

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如需一对一服务私聊我哦

问题：在 el-date-picker 组件设置 type="datetime" 后，第一次点击时间无法选中，默认变成了1号。 结构鲜明的解答示例如下： 这是一个已知的问题，原因是 el-date-picker 组件在第一次打开时，会默认选中本月的1号。解决办法是在 el-date-picker 组件初始化时手动将日期设置为当前日期。代码实现如下： // 在组件初始化时调用该方法，将日期设置为当前日期 handleDateTimePickerFocus() { const now = new Date(); this.datetimeValue = now; } 其中，default-time 属性用来设置默认时间范围，@focus 事件监听组件的点击事件，handleDateTimePickerFocus 方法则将日期设置为当前日期。 以上代码仅为示例，具体实现方式可以根据具体场景进行调整。