vue element-ui 日期选择器获取日期范围的开始结束时间

最新推荐文章于 2025-05-29 10:01:30 发布

xL,

最新推荐文章于 2025-05-29 10:01:30 发布

阅读量8.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_44295016/article/details/85328543

vue 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何使用Element UI中的日期选择器组件来实现日期范围的选择功能，包括组件的基本用法、属性配置及事件处理。通过示例代码展示了如何设置开始和结束日期的占位符、日期格式及时间处理逻辑。

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

<el-date-picker
  v-model="DataSelect"
  type="daterange"
  unlink-panels
  value-format="yyyy-MM-dd" //格式转换
  range-separator="至"
  start-placeholder="开始日期"
  end-placeholder="结束日期">
</el-date-picker>

data() {
  return {
       DataSelect: '' // 时间
    }
},

if (this.DataSelect == '') {
  this.$message({
    message: '警告，请选择时间',
    type: 'warning'
  });
  return;
} else {
  // --时间处理
  var startDate = this.DataSelect[0];
  var endDate = this.DataSelect[1];
  
   ...
}