element-ui 时间格式 value-format="yyyy-MM-dd" value-format="yyyy-MM-dd hh:mm:ss"

最新推荐文章于 2025-02-11 10:37:01 发布

原创最新推荐文章于 2025-02-11 10:37:01 发布 · 6.4k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#element-ui # value-format

本文详细介绍了Element UI中日期选择器组件的使用方法，包括日期范围选择、时间范围选择、格式设置及事件监听等功能，帮助开发者快速掌握日期选择器的配置与应用。

部署运行你感兴趣的模型镜像



                <el-date-picker
                  v-model="createTime"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  value-format="yyyy-MM-dd"
                  :picker-options="pickerOptions"
                  @change="getStime">
                </el-date-picker>
              </el-form-item>

注意：hh 为12小时制
     HH 为24小时制
          <el-form-item label="下单时间：">
                <el-date-picker
                  v-model="createTime"
                  type="datetimerange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  value-format="yyyy-MM-dd HH:mm:ss" 
                  :default-time="['00:00:00', '23:59:59']"
                  :time-arrow-control="true"
                  :picker-options="pickerOptions"
                  @change="getStime">
                </el-date-picker>
              </el-form-item>