zoukankan      html  css  js  c++  java
  • vue 日期选择器 datepicker 禁用未来的时间

     template

            <el-date-picker
              v-model="form.time"
              type="daterange"
              unlink-panels
              align="right"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="pickerOptions"
              value-format="yyyy-MM-dd"
              style="margin-top: 50px; 80%">
            </el-date-picker>

    data

          pickerOptions: {
            disabledDate (time) {
              // 禁用以后的时间
              return time.getTime() > Date.now() - 8.64e6
            },
            shortcuts: [{
              text: '最近一周',
              onClick (picker) {
                const end = new Date()
                const start = new Date()
                start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
                end.setTime(end.getTime() - 3600 * 1000 * 24 * 1)
                picker.$emit('pick', [start, end])
              }
            }, {
              text: '最近一个月',
              onClick (picker) {
                const end = new Date()
                const start = new Date()
                start.setTime(start.getTime() - 3600 * 1000 * 24 * 31)
                end.setTime(end.getTime() - 3600 * 1000 * 24 * 1)
                picker.$emit('pick', [start, end])
              }
            }, {
              text: '最近三个月',
              onClick (picker) {
                const end = new Date()
                const start = new Date()
                start.setTime(start.getTime() - 3600 * 1000 * 24 * 91)
                end.setTime(end.getTime() - 3600 * 1000 * 24 * 1)
                picker.$emit('pick', [start, end])
              }
            }]
          }

    快捷输入日期按需求均提前一天


    2020-11-3 

    一个需求难以完成,先记录

    el-data-picker 打开时面板是本月和上月而不是本月 和下月

    现在   


    目标

     待解决

  • 相关阅读:
    C++中虚继承的作用
    游戏程序设计学习初窥简单DirectX代码实现
    vue4.x更改默认端口 larry
    Visual studio 2010几个比较酷的功能
    Web前端编程:勿混淆NodeList与Array
    代码规范之署名
    一则中文文件名引起的问题
    C# WebService调用及数据并行处理
    2010年终总结
    关于DotNetNuke
  • 原文地址:https://www.cnblogs.com/tjlp/p/13921686.html
Copyright © 2011-2022 走看看