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
                },
  • 相关阅读:
    详解MySQL中EXPLAIN解释命令(转)
    yii framework config 可以被配置的项目
    YII之yiic创建YII应用
    Yii 用户登录验证
    全选,反选,获取值ajax提交
    firefox常用插件
    file_get_contents failed to open stream: HTTP request failed(一个字符决定成败)
    linux svn服务器(一)
    js操作cookie(转载:经测试可用)
    淘宝用户api 如何获得App Key和API Secret
  • 原文地址:https://www.cnblogs.com/haonanZhang/p/9910613.html
Copyright © 2011-2022 走看看