栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

jQuery datepicker根据第一个日期字段中的选定日期限制第二个日期字段中的日期

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery datepicker根据第一个日期字段中的选定日期限制第二个日期字段中的日期

我为您创建了一个jsfiddle。我不是100%肯定,如果它是“万无一失”,但以防止用户手动输入一个日期,你可以设置输入

readonly

<input type="text" id="dt1" readonly="readonly">

目前,我检查了dt2 onClose,如果它的日期低于dt1s日期,我将其更正。同样,如果在dt1中选择了日期,则dt2
的minDate设置为dt1 date +1。

$(document).ready(function () {    $("#dt1").datepicker({        dateFormat: "dd-M-yy",        minDate: 0,        onSelect: function (date) { var date2 = $('#dt1').datepicker('getDate'); date2.setDate(date2.getDate() + 1); $('#dt2').datepicker('setDate', date2); //sets minDate to dt1 date + 1 $('#dt2').datepicker('option', 'minDate', date2);        }    });    $('#dt2').datepicker({        dateFormat: "dd-M-yy",        onClose: function () { var dt1 = $('#dt1').datepicker('getDate'); var dt2 = $('#dt2').datepicker('getDate'); //check to prevent a user from entering a date below date of dt1 if (dt2 <= dt1) {     var minDate = $('#dt2').datepicker('option', 'minDate');     $('#dt2').datepicker('setDate', minDate); }        }    });});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/635155.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号