日常开发记录-elementUI 日期选择器只显示年月，不需要显示时分秒

原创于 2022-07-11 14:24:00 发布 · 1k 阅读

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #javascript #前端 #ecmascript

这篇博客探讨了在Vue.js项目中使用Element UI组件库时，如何通过`value-format`属性自定义`el-date-picker`的日期显示格式。示例代码展示了如何将日期格式设置为`yyyy-MM`，并监听`change`事件来处理日期选择的变化。文章强调了查阅官方文档对于理解组件属性的重要性，特别是对于满足特定需求的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
    <div class="block">
      <div class="demonstration">使用 value-format值：{{ value }}</div>
      <el-date-picker
        v-model="value"
        type="month"
        placeholder="选择日期"
        @change="change"
        value-format="yyyy-MM">
      </el-date-picker>
  </div>
</template>

<script>
export default {
  data () {
    return {
      value: ''
    }
  },
  methods: {
    change () {
      console.log(this.value)
    }
  }
}
</script>

el-date-picker默认的日期格式是中国标准时间，不满足需求