js 判断时间不能超过3个月

js实现判断两个时间间隔是否大于3个月,即时间跨度不得超过3个月。实现代码如下:

function checkTime(){
        var begintime = document.getElementById('startTime').value;
        var endtime = document.getElementById('endTime').value;
        if(!endtime){
            return true;
        }

        var time1 = new Date(begintime).getTime();
        var time2 = new Date(endtime).getTime();
        if(begintime==''){
            alert("开始时间不能为空");
            return false;
        }
        if(endtime==''){
            alert("结束时间不能为空");
            return false;
        }
        if(time1 > time2){
            alert("开始时间不能大于结束时间");
            return false;
        }

        //判断时间跨度是否大于3个月
        var arr1 = begintime.split('-');
        var arr2 = endtime.split('-');
        arr1[1] = parseInt(arr1[1]);
        arr1[2] = parseInt(arr1[2]);
        arr2[1] = parseInt(arr2[1]);
        arr2[2] = parseInt(arr2[2]);
        var flag = true;
        if(arr1[0] == arr2[0]){//同年
            if(arr2[1]-arr1[1] > 3){ //月间隔超过3个月
                flag = false;
            }else if(arr2[1]-arr1[1] == 3){ //月相隔3个月,比较日
                if(arr2[2] > arr1[2]){ //结束日期的日大于开始日期的日
                    flag = false;
                }
            }
        }else{ //不同年
            if(arr2[0] - arr1[0] > 1){
                flag = false;
            }else if(arr2[0] - arr1[0] == 1){
                if(arr1[1] < 10){ //开始年的月份小于10时,不需要跨年
                    flag = false;
                }else if(arr1[1]+3-arr2[1] < 12){ //月相隔大于3个月
                    flag = false;
                }else if(arr1[1]+3-arr2[1] == 12){ //月相隔3个月,比较日
                    if(arr2[2] > arr1[2]){ //结束日期的日大于开始日期的日
                        flag = false;
                    }
                }
            }
        }
        if(!flag){
            alert("时间跨度不得超过3个月!");
            return false;
        }
        return true;
    }

其中startTimeendTime是通过id获取的,参数值格式为yyyy-mm-dd形式,如下所示:

<input type="text" name="startTime" id="startTime" value="2017-05-06" />
<input type="text" name="endTime" id="endTime" value="2017-08-03" />
  • 5
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
要实现这个功能,你可以使用 `range` 属性来控制选择的起始时间和结束时间,然后在 `change` 事件中判断两个时间的差是否超过一个,如果超过就重置选择的时间。 具体代码如下: ```html <el-date-picker type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" @change="handleChange" ></el-date-picker> ``` ```javascript data() { return { pickerOptions: { disabledDate: (date) => { const oneMonthLater = new Date(); oneMonthLater.setMonth(oneMonthLater.getMonth() + 1); return date > oneMonthLater; } }, startDate: null, endDate: null }; }, methods: { handleChange(date) { const oneMonthLater = new Date(); oneMonthLater.setMonth(oneMonthLater.getMonth() + 1); const diff = (new Date(date[1]).getTime() - new Date(date[0]).getTime()) / (1000 * 60 * 60 * 24); if (diff > 31) { this.$message.error('选择的时间范围不能超过一个'); this.startDate = null; this.endDate = null; } else { this.startDate = date[0]; this.endDate = date[1]; } } } ``` 上面的代码中,`pickerOptions` 中的 `disabledDate` 函数用于禁用超过一个之后的日期,即只能选择一个内的日期。在 `handleChange` 方法中,我们先计算选择的起始时间和结束时间的差,如果超过一个就提示用户不能超过一个,并将选择的时间重置为 `null`,否则将选择的时间赋值给 `startDate` 和 `endDate` 变量。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值