zoukankan      html  css  js  c++  java
  • element UI 日期组件(限制开始日期和结束日期范围)

                    <!--日期start-->
                        <el-form-item label="提交时间:">
                            <div class="block">
                                <!-- <span class="demonstration"></span> -->
    
                                <el-date-picker
                                    value-format="yyyy-MM-dd" 
                                    v-model="searchFrom.begTime"
                                    :picker-options="startDateLimit"
                                    placeholder="开始日期">
                                </el-date-picker>
                                -
                                <el-date-picker
                                    value-format="yyyy-MM-dd" 
                                    v-model="searchFrom.endTime"
                                    :picker-options="endDateLimit"
                                    placeholder="结束日期">
                                </el-date-picker>
                            </div>
                        </el-form-item>
                   <!--日期end-->                        
    

      

    se        archFrom: sessionStorage.getItem("save_search") ? JSON.parse(sessionStorage.getItem("save_search")):{
                        orderStatus: "",
                        orderNo: '',
                        begTime:"",
                        endTime:"",
                        supplierInfoName:"",
                        userName:"",
                        purchaseType:""
                    },
                    //日期限制
                    startDateLimit: {
                        disabledDate: (time) => {
                            let endTime = this.searchFrom.endTime;
                            if (endTime) {
                                return time.getTime() > new Date(endTime).getTime();
                            }
                        }
                    },
                    endDateLimit: {
                        disabledDate: (time) => {
                            let beginTime = this.searchFrom.begTime;
                            if (beginTime) {
                                return time.getTime() < new Date(beginTime).getTime() - 8.64e7;  //开始和结束可以选择同一天
                            }
                        }
                    },
    

      

  • 相关阅读:
    3、UML中的类图及类图之间的关系
    2、GoF的23种设计模式
    1、软件设计模式概念
    枚举
    泛型
    MySQL
    蚁群算法MATLAB解VRP问题
    蚁群算法MATLAB解TSP问题
    模拟退火解TSP问题MATLAB代码
    模拟退火学习
  • 原文地址:https://www.cnblogs.com/swt-axios/p/13354505.html
Copyright © 2011-2022 走看看