JS判断开始时间小于结束时间案例

亦凉 2022-04-15 06:21 436阅读 0赞

一.html

预计入住时间:<input class="pub_textAlign_right" placeholder="例如，${memoDate }" type="text" name="preLiveInDate" id="preLiveInDate" maxlength="50" readonly="readonly">
预计离开时间:<input class="pub_textAlign_right" placeholder="（长期入住可不填）" type="text" name="preLeaveOutDate" id="preLeaveOutDate" maxlength="50" readonly="readonly">

二.js验证

function dateChange(){
    var endtime = $('#preLeaveOutDate').val();
    var starttime = $('#preLiveInDate').val();
    if(endtime!=""&&starttime!=""){
        var start = new Date(starttime.replace("-", "/").replace("-", "/"));
        var end = new Date(endtime.replace("-", "/").replace("-", "/"));
        if(end < start){
            alert("预计离开时间不能小于预计入住时间！");
            $('#preLeaveOutDate').val("");
            $('#preLiveInDate').val("");
        }
    }
}

发表评论取消回复

表情：

评论列表（有 0 条评论，436人围观）

还没有评论，来说两句吧...

相关阅读

相关 laydate设置开始时间小于等于结束时间

var laydate; layui.use(['layer', 'form', 'laydate'], function () {

电玩女神/ 2023年06月30日 10:48/ 0 赞/ 18 阅读

相关 element 校验开始时间小于结束时间,结束时间大于开始时间

<el-col :span="12"> <el-form-item label="期望发货时间：" prop="orderE

男娘i/ 2023年03月12日 14:29/ 0 赞/ 139 阅读

相关 ElementUi 中日期时间插件DatePicker 限制结束时间大于开始时间且开始时间小于此刻

前景：时间插件DatePicker 格式化选择日期： format="yyyy-MM-dd HH:mm:ss"

忘是亡心i/ 2023年02月22日 08:17/ 0 赞/ 28 阅读

相关 layDate 时间范围限制开始时间小于结束时间

var startDate=laydate.render({ elem: 'start', done:function(valu

本是古典何须时尚/ 2022年12月01日 15:50/ 0 赞/ 440 阅读

相关 ElementUI TimePicker固定时间范围，开始时间小于结束时间

一、概述根据项目需求： 1. 开始时间必须小于结束时间，不能等于结束时间。 2. 结束时间必须小于开始时间，不能相等。 2. 开始时间和结束时间，最小间隔30分钟

╰+攻爆jí腚メ/ 2022年10月07日 12:47/ 0 赞/ 617 阅读

相关 html开始时间和结束时间,JS中验证开始时间和结束时间

1、html html代码 \开始时间： \结束时间： //当保存时触发方法2、js js代码 function travelSave()\{ if(checkVa

太过爱你忘了你带给我的痛/ 2022年10月06日 09:55/ 0 赞/ 403 阅读

相关 angular js判断结束时间不能小于开始时间并且间隔不能超过30天

if ($scope.endTime != null && $scope.endTime != "" && $scope.startTime != null && $s

我就是我/ 2022年06月16日 04:43/ 0 赞/ 271 阅读

相关 JS判断开始时间小于结束时间案例

一.html 预计入住时间:<input class="pub_textAlign_right" placeholder="例如，${memoDate }" type

亦凉/ 2022年04月15日 06:21/ 0 赞/ 437 阅读

相关 bootstrap-datepicker 设置开始时间小于结束

页面自行引入 jquery.min.js / bootstrap.min.js / datepicker.css / bootstrap-datepicker.js 等

Dear 丶/ 2022年04月04日 03:12/ 0 赞/ 487 阅读

相关 bootstrap-datepicker关于开始时间小于结束时间且都大于当前时间的控制

//==========================HTML======================================= <div class="col

我不是女神ヾ/ 2022年03月26日 12:47/ 0 赞/ 531 阅读