jquery日历日期选择问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery日历日期选择问题相关的知识,希望对你有一定的参考价值。

就不如这是一个日期的选择框,鼠标放在框子里就会出现日历,前面选择完日期后,后面要选择的日期要在三天之内,就比如前面选择5号,后面就只可以选择六号或者七号或者八号三个中的一个,其他的你选择的时候会出现提示框,告诉你超出范围,请问这个jquery要怎么写,怎么控制,求帮忙~~~~~

参考技术A 很简单啊,datepicker有属性设置最大日期和最小日期,选一个的事件里设置另外一个的最大最小日期就行了

$("#end_date").datepicker("option", "minDate", selectedDate);
$("#begin_date").datepicker("option", "maxDate", selectedDate);追问

我还是不太懂,就这两句就能搞定么,我是新手~~~~求指导~~~~

追答

这两句是告诉你怎么设置这两个属性,具体的照我上面说的实现就行了

参考技术B 搂上的回答是在你的项目里,放入一个时间控件,就是网上有人写好的js,你放在项目里,写几个调用语句就可以了,像搂上那样,你可以在网上查一查这个插件的用法,用法不难

不过 如果项目有自己的需求,就得自己写一个控件了

jquery日历插件问题

自己写的插件,光标进入文本框弹出日历,光标离开时关闭日历,但是在选择日期的时候自动识别为光标离开文本框,所以不能选择日期,求大神提示逻辑

参考技术A

    如上面朋友所说,将它们放进一个div盒子里,div的宽高与文本框相等,日历用绝对定位,这样应该可行;

    适当延时下日历隐藏的时机,如在鼠标离开文本框时,弹出一个定时器(定时隐藏日历),如果鼠标进入文本框或者进入日历时,取消定时器;

    当鼠标离开文本框或者日历时,再次触发定时器;

    当点击日历中的日期或者点击非日历/文本框部分时,立即隐藏日历;

本回答被提问者和网友采纳
参考技术B 可以把日期和文本框放在一个div层里面,当h光标离开该层时触发关闭

以上是关于jquery日历日期选择问题的主要内容,如果未能解决你的问题,请参考以下文章

日历验证错误仅在第二次通过 Jquery UI 选择日期后才消失

JQuery日期范围选择器日历与可变周

Jquery Datepicker在一个日历中选择多个日期范围

JQuery calendar 日历控件去除已选日期问题?

jquery日历插件问题

如何在 jQuery 日历或 Angular Js 日历中将当前周末日期设置为默认日期。星期在星期日结束