ElementUI DateTimePicker 组件用法

一.ElementUI DateTimePicker 日期时间选择器时间选择时间精确到时分，不要秒

效果如下：时间选择部分只选到时分，没有秒

代码如下：

   <el-date-picker
              v-model="automaticForm.automaticClosurePhaseTime"
              type="datetime"
              placeholder="选择日期时间"
              value-format="yyyy-MM-dd HH:mm"
              format="yyyy-MM-dd HH:mm"          //只需要加上这个属性，HH:mm就是到时分，时间滚动组件会不显示秒的滚轮
            ></el-date-picker>

二.ElementUI DateTimePicker 日期时间选择器日期可用，限制时间选择选择范围

效果如下：时间选择部分只能选择凌晨3点到6点，其他时间点禁止选择

代码如下：

 <el-date-picker
              v-model="automaticForm.automaticClosurePhaseTime"
              type="datetime"
              placeholder="选择日期时间,时间只能选择凌晨3点到6点"
              value-format="yyyy-MM-dd HH:mm"
              format="yyyy-MM-dd HH:mm"
              :picker-options="pickerOptions"   //加入这个属性
              style="width:90%;"
            ></el-date-picker>


 data() {
    return {
      pickerOptions: {
        selectableRange: ["03:00:00 - 06:00:00"]  //在这里限制时间点选择的范围，如果需要限制日期的选择部分，需要加disabled属性
      },
}

另外的一种情况，业务需求是这样的：时间传给后台的是某天的某点，例如2021-01-15 03:00其他时间点不可以选择，如果用上面的方法设置selectableRange: [“03:00:00 - 03:00:00”]，是可以的，但是有个细小的bug，就是打开时间控件时如果先在时间输入框通过鼠标滚动时，禁止的所有时间点都是可以选上的，如果是先点击日期就不会出现这个问题，针对这个问题，只需要加上 default-time="03:00:00"默认属性就可以了，就是无论时间点滚动到几点，最终还是默认为3点

代码如下：

    <el-date-picker
              v-model="automaticForm.automaticClosurePhaseTime"
              type="datetime"
              placeholder="选择日期时间"
              value-format="yyyy-MM-dd HH:mm"
              format="yyyy-MM-dd HH:mm"
              :picker-options="pickerOptions"
              default-time="03:00:00"  //添加默认时间点
              style="width:90%;"
            ></el-date-picker>
            

 data() {
    return {
      pickerOptions: {
        selectableRange: ["03:00:00 - 03:00:00"]  //固定时间只能选3点     },
}

三.时分时间选择器

效果如下：

代码如下：

                <el-time-picker
                  v-model="appointmentStartTime"
                  :picker-options="pickerOptions"
                  placeholder="开始时间"
                  value-format="HH:mm"