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;  //开始和结束可以选择同一天
                            }
                        }
                    },
    

      

  • 相关阅读:
    window.onload和DOMContentLoaded的区别
    存储
    JSONP的实现原理
    对于一个无线下拉加载图片的页面,如何给每个图片绑定事件
    事件冒泡
    通用的事件绑定函数
    拆解url的各部分
    如何检测浏览器的类型
    DOM节点操作
    es6基本用法
  • 原文地址:https://www.cnblogs.com/swt-axios/p/13354505.html
Copyright © 2011-2022 走看看