vue3中使用elementPlus的DateTimePicker 日期时间选择器限制选择范围跨度最大为一个月

晚风914

于 2023-05-26 11:25:36 发布

阅读量3.1k

点赞数 3

分类专栏： vue项目实用方法 javascript vue项目经验文章标签： vue.js javascript java

本文链接：https://blog.youkuaiyun.com/weixin_46112225/article/details/130883305

版权

vue项目经验同时被 3 个专栏收录

47 篇文章

订阅专栏

vue项目实用方法

43 篇文章

订阅专栏

javascript

23 篇文章

订阅专栏

<el-form-item label="时间：">
  <el-date-picker
   v-model="formInline.gpsTime"
   type="datetimerange"
   range-separator="-"
   start-placeholder="开始时间"
   end-placeholder="结束时间"
   :default-time="defaultTime2"
   @change="changeTime"
   />
</el-form-item>



function changeTime(val) {
  if (new Date(val[1]) - new Date(val[0]) > 1 * 24 * 60 * 60 * 1000 * 30) {
    message("选择时间范围不能大于30天", { type: "error" });
    formInline.gpsTime = "";
  }
}