jquery-ui datepicker 设置开始结束时间选择范围
2017-05-18 · 专业短信验证码、公众号开发推广
杭州奥道网络技术有限公司
奥道网络以商业短信为起家的移动营销整体解决方案服务商，无论在产品性能、用户满意度还是体验友好度层面都得到客户的肯定，目前拥有自主知识产权及3项中国计算机软件著作权。
向TA提问
关注
![]()
展开全部
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
使用jQuery ui首先需要引入jQuery类库，jQuery ui js脚本和jQuery ui css样式表
1、同时获得两个文本框对象，并将其转换为datepicker（利用jQuery的选择器）
HTML代码：
开始日期：<input type="text" id="start">
结束日期：<input type="text" id="end">
Js代码：
2、同样在选择日期后，触发onSelect事件，调用函数传递selectedDate参数，
函数体中首先判断触发事件的是开始日期还是结束日期，通过该判断来指定设置minDate或者是maxDate，然后利用not()函数，来反向选择另一个datepicker对象，并设置其对应的属性。
Js代码：
这样在设置一方后，另一方就会被限制
效果如图：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
