zoukankan      html  css  js  c++  java
  • element ui 日期控件范围时间限制记录、以及计算两个日期之间的天数

    日期的筛选经常会有最小的日期选择,例如:当前日期

    :clearable="false"
      :picker-options="pickerOptions0"
      value-format="yyyy-MM-dd"
      v-model="startTime"
      type="date"
      placeholder="选择日期">
      </el-date-picker>
    
      <el-date-picker
      :clearable="false"
      :picker-options="pickerOptions1"
      value-format="yyyy-MM-dd"
      v-model="endTime"
      type="date"
      placeholder="选择日期">
      </el-date-picker>
    //开始时间小于等于今天可选
      pickerOptions0: {
        disabledDate(time) {
          return time.getTime() < Date.now() - 8.64e7;
        }
      },
    //结束时间小于等于开始时间可选  - 8.64e7
      pickerOptions1: {
        disabledDate: (time) => {
          return time.getTime() < Date.now() - 8.64e7 ||
            time.getTime() < new Date(that.value1).getTime()- 8.64e7;
        }
      },

     设置选择的日期格式

    <el-date-picker type="date" placeholder="出发日期" v-model="userDate.date1" :picker-options="pickerOptions0" style=" 100%;" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd"></el-date-picker>

    计算两个日期相差多少天

    /**
                * 计算两个日期相差的天数
                * sDate1和sDate2是2006-12-18格式 
                */
                DateDiff(sDate1, sDate2){    
                     var  aDate,  oDate1,  oDate2,  iDays  
                     aDate   =  sDate1.split("-")  
                     oDate1 = new Date(aDate[0] , aDate[1] ,aDate[2])    //转换为12-18-2006格式  
                     aDate   =  sDate2.split("-")  
                     oDate2 = new Date(aDate[0] , aDate[1] , aDate[2])  
                     iDays   =  parseInt(Math.abs(oDate1  -  oDate2)  /  1000  /  60  /  60  /24)    //把相差的毫秒数转换为天数  
                    return  iDays
                },
  • 相关阅读:
    android 项目
    input keyevent 数字对应的操作
    logcat 使用方法
    android查看内存使用情况
    图片点击放大效果
    禁止img图片拖动在新窗口打开
    人工智能
    游戏开发
    随手做的一个模拟弹出窗口
    Html的<meta>标签使用方法及用例
  • 原文地址:https://www.cnblogs.com/haonanZhang/p/9910613.html
Copyright © 2011-2022 走看看