jQuery

关注公众号 jb51net

关闭
jquery日期时间选择控件鼠标悬停会显示星期几(原创改进版)

jquery日期时间选择控件鼠标悬停会显示星期几(原创改进版)

热门排行

简介

说明:该控件以Jquery技术开发,可以根据实际情况只选择日期或者日期时间都进行选择,时间可以精确到秒。年份是从2000年到2020年(范围可以根据自己需要更改,easy...),本控件的特色是鼠标移到日期上,就会显示这一天是星期几,比较直观。且绝无恶意程序!

下载者可根据实际情况进行代码改进或功能扩展。本代码作者系大学生,能力有限,希望使用该代码时应充分试验,不鼓励直接复制粘贴,应进行充分的代码检查和调试或更改,保证没有致命错误时再正式使用,尤其对于高危行业,谨记。
该控件的样式做的不是很好看...欢迎大家批评指正。
本作者邮箱:493621505@qq.com。欢迎大家留言!

使用方法:

1、点击“时间”输入框即可弹出控件,选择年份和月份,然后单击相应的日期。
2、点击日期后即弹出对话框:“要选择时间吗?”。
3、单击“确定”后直接选择时间(时,分,秒)即可。
4、如果单击“取消”,日期(年-月-日)即输入到“时间”输入框。
5、如果只有“年-月-日”格式的日期已经在输入框中,用户想修改成既有日期又有时间的格式,仍需点击原日期,单击“确定”后再选择时间。
否则会出现时间错误。比如:输入框中有日期2000-01-01,想修改为2000-01-01 00:02:26。需要打开日历后,再单击日期01,弹出对话框单击“确定”后再选择时间。
6、“选择时间”(选择时,分,秒)时如果出现下拉框某选项无法选择成功,可先任意选择一个时间选项。然后再选择你想要的时间选项。比如“选择时间”中的“分”下拉框,你想选择“05”分,但是没有选择成功(即输入框最终没有反应)你可以先任意选择一个时间(比如“03”分),然后再选择“05”分即可。

注:第6条仅限于操作“选择时间”部分时,无法选择某时间,即输入框中无反应时使用。功能正常时无需使用第6条。   对上述六条,下载者经一定时间使用即可理解。有问题可发邮件到我的邮箱493621505@qq.com.

如果使用在大表单里,可直接COPY。因为该日期选择模块是一个整体。只需全部复制粘贴即可(但应注意代码的检查和修改,防止致命错误)弹出日历时会出现该时间输入框以下部分发生偏移,但只要输入时间后关闭日历即可恢复正常。可根据自己的实际情况对待这一现象!

大家还下载了