文本框js日历弹出
来源:互联网 发布:linux yum命令详解 编辑:程序博客网 时间:2024/06/05 22:32
现在很多应用软件,不管是 c / s 的还是 b / s 的软件,输入日期文本框都是做了安全处理的,好的做法也是用得最多的一种做法是当用户要编辑日期输入框时, 弹出一个精美的小万年历给用户选择, 这种做法既友好,又美观 ,这样用户录入的日期只能选,不能输,出错录几乎为0 。 c / s 的软件我就不讲了; 这里主要讲讲web的日期输入框, web输入框获得焦点是弹出小日历,供用户选择 。 用法是先引用3个做好的 js 文件, 和一个 css样式文件,只需在日期文本框中写 :
<input type="text" id = "calendar" readonly="readonly" onfocus="calShow('calendar')">
这样运行时, 当日期文本框获得焦点时就可以弹出小日历供用户选择。
这样写虽然可以,但是也有一个小瑕疵 ,就是 : 日期文本框第一次获得焦点时可以马上弹出小日历, 但是第二次开始弹出就有点迟疑,甚至不弹出 。
在此本人提出一个小建议 ,把上面的代码改成:
<input type="text" id = "calendar" readonly="readonly" onClick="calShow('calendar')">
我们不是用它的获得焦点事件,而使用日期文本框的单击事件 ,这样小日历的弹出效果就很好了,各位不信可以试试, 这是本人的实践经验。
至于弹出日历的几个组件: 3个js文件和一个cs文件大家需要的话可以找我要, 我的QQ号码 : 619899271 发邮件也行。 kangjie619899271@sohu.com
- 文本框js日历弹出
- js文本框选择日历
- 基于js的一个日历控件,点击按钮,弹出日历,显示日期到文本框
- js实现弹出日历
- 鼠标单击文本框自动弹出日历
- 文本框日历
- JS实现点击文本框弹出DIV层
- js 点击文本框后弹出选择日期
- js 点击文本框后弹出选择日期
- js点击文本框弹出可选择checkbox
- js 日历(把日期输入到文本框)
- JS弹出日历控件,选择年、月、日
- 一个漂亮的JS弹出日历,支持多种浏览器
- js弹出半透明遮罩层,并显示注册文本框
- JS如何实现点击文本框弹出DIV层
- JS轻松实现单击文本框弹出选择日期
- JS实现在文本框输入时自动弹出相关内容提示
- js日历
- bash: fdisk: command not found 错误
- SQL Server 查询优化之四_索引的碎片与管理
- js跳转页面方法
- Android 调试桥(adb)
- inotify+rsync实现Linux文件实时更新
- 文本框js日历弹出
- 关于Engine中的元素(ELEMENT)
- linux编程的108种奇淫巧计-12(存储计算)
- 从vc6.0转到vs中出现的错误解析!(有感于sift和surf移植)
- Java SSH Hibernate中查询的方法小结
- 通过PL/SQL Developer 8.0 创建 Oracle Jobs 的疑惑
- Hibernate中Criteria的完整用法
- 小女人报道
- oracle 物化视图语法分析【转】