js date 时间区间

最新推荐文章于 2024-07-12 09:36:48 发布

BuXu416

最新推荐文章于 2024-07-12 09:36:48 发布

阅读量91

点赞数 2

分类专栏： js 文章标签： javascript vue.js elementui

本文链接：https://blog.csdn.net/wuguiluoji/article/details/140045590

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

时间组件 picker-optons

        <el-date-picker v-model="dateStr" size="small" type="daterange" range-separator="至" start-placeholder="开始日期" value-format="yyyy-MM-dd"
                        end-placeholder="结束日期" :picker-options="timeOption" @change="dateChange"></el-date-picker>

  // 获取本月的第一天和最后一天
  function getThisMonth() {
    const now = new Date();
    const firstDay = new Date(now.getFullYear(), now.getMonth(), 1);
    const lastDay = new Date(now.getFullYear(), now.getMonth() + 1, 0);
    return [ firstDay, lastDay ];
  }

  // 获取本季度的第一天和最后一天
  function getThisSeason() {
    const now = new Date();
    const month = now.getMonth();
    const firstDay = new Date(now.getFullYear(), Math.floor(month / 3) * 3, 1);
    const lastDay = new Date(now.getFullYear(), Math.floor(month / 3) * 3 + 3, 0);
    return [ firstDay, lastDay ];
  }

  // 获取本年的第一天和最后一天
  function getThisYear() {
    const now = new Date();
    const firstDay = new Date(now.getFullYear(), 0, 1);
    const lastDay = new Date(now.getFullYear() + 1, 0, 0);
    return [ firstDay, lastDay ];
  }



      timeOption: {
        disabledDate (time) {
          return time.getTime() > Date.now();
        },
        shortcuts: [{
          text: '本日',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            picker.$emit('pick', [start, end]);
          }
        }]