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

最新推荐文章于 2024-08-28 13:29:46 发布

原创最新推荐文章于 2024-08-28 13:29:46 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

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

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

<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默认的日期格式是中国标准时间，不满足需求