element 时间日期选择器,设置最多可选择范围为一个月或者不能跨月选择范围

最新推荐文章于 2023-11-27 14:16:02 发布

保持微笑ヽ继续我旳骄傲

最新推荐文章于 2023-11-27 14:16:02 发布

阅读量3k

点赞数 1

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44606457/article/details/120670919

版权

本文介绍如何使用Element UI的时间日期选择器组件，配置选项以确保用户只能选择不超过一个月的日期范围，并禁止跨月选择。适用于JavaScript开发中的前端界面交互优化。

摘要由CSDN通过智能技术生成

在这里插入图片描述

  <el-date-picker
          v-model="time"
          type="datetimerange"
          @change="datePickerChange"
          :picker-options="pickerOptions"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          align="right"
          style="width: 100%"
          value-format="yyyy-MM-dd HH:mm:ss"
          format="yyyy-MM-dd HH:mm:ss"
          :default-time="['00:00:00', '23:59:59']"
        >
 </el-date-picker>
<script>
export default {
  name: 'picker',
  data () {
    return {
    searchData:{},
         time: "",
      timeData: "",
      pickerOptions: {
        // 点击时，选择的是开始时间，也