好多Javascript日期选择器呀-7
the Coolest DHTML Calendar 最特別的在於按下月份跟年份的加減按鈕不放,就可以選擇該項目。但實際上按著左鍵拖曳實在是一件很累的事,而且不懂電腦的 End-user 根本就不知道要按著不放,還得特地花時間去說明真的吃力不討好。
正好這次的專案又有日期選擇需要,索性再來找看看有沒有其它的選擇。所以這次我在找日期元件的時候,基本的要求是:
「月份跟年份必須直覺式的選取」
雖然一般人很少會去選年份,但是一些特殊用戶(如:會計、金融業),要輸入歷史資料的狀況很多,只有一個加減年份的按鈕就很不方便。(註1)
上個月我就大概找過一次,sourceforge 已經翻不到好用的日期選擇元件,就改由 Google 跟 hotscripts 來看看。
Calendar Popup
(有多種樣式可選,該網站還有其它不錯的 javascript )
A JavaScript Weekly Calendar
(還能直接加減月份,如果能有「今天」可以點就更好了)
DatePicker Control
(年份的選擇可上下加減或是人工輸入,但要注意版權限制)
Javascript Dynamic Calendar
(整合的方式蠻簡單易懂的)
Simple Calendar Widget
(大概就只能嫌畫面醜了,其它就懶的試了)
Javascript Date Selector
(免費版會出現版權字樣)
Dynamic Calendar
(感覺有點像 phpMyadmin 用日期選擇簡易版)
[其它參考用]
http://hotelsys.biz/html/caltest_incr_www.html
(介面設計具有參考性、操作上有很大的進步空間)
Date Picker
(可以用一整年來選,範例中先點 End Date 就可以看到)
時間有限,大概就先找到這兒了,若有網友有更好用的也歡迎分享。^^
註1:
金融業大部份習慣手動輸入日期,給他們選擇日期可能還有點多餘。
from:http://www.neo.com.tw/archives/000854.html
好多Javascript日期选择器呀-7相关推荐
- 好多Javascript日期选择器呀--1
<script language=javascript> var DS_x,DS_y; function dateSelector() //构造dateSelector对象,用来实现一个 ...
- 好多Javascript日期选择器呀-5
<HTML> <HEAD> <TITLE>最精致的日历式日期输入控件 (Smart Ver 1.00)</TITLE> </HEAD> &l ...
- 好多Javascript日期选择器呀-6
<script language=javascript> var DS_x,DS_y; function dateSelector() //构造dateSelector对象,用来实现一个 ...
- 好多Javascript日期选择器呀-4
<Script LANGUAGE="JavaScript"> var months = new Array("一", "二", ...
- JavaScript:日期选择器组件的使用
前言: 在实际项目开发中,日期选择是一个十分常见而且重要的问题,在表单中设计到日期的验证时,如果让用户自己输入时间的话,那么使用正则进行验证其正确性是不可取的,因为他一般只能验证日期的格式,无法准确的 ...
- 自已开发完美的触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
手机端网页版app在使用下拉列表时,传统的下拉列表使用起来体验非常不好,一般做的稍好一点的交互功能界面都不会直接使用下拉列表,所以app的原生下拉列表都是弹窗列表选择,网页型app从使用体验上来当然也 ...
- 强大的独立日期选择器(date picker)插件 - Kalendae
日期:2012-4-16 来源:GBin1.com 在线演示 本地下载 今天分享一个独立的日期选择插件Kalendae,Kalendae是 一个强大健壮的独立日期选择器.如果你不想使用重量的jQu ...
- axure日期选择器组件_vue干货分享,超过六种组件通信方法讲解和精髓归纳
好消息:为了更好的规划和组织内容,今后每期内容之后能将预告下期的主题,欢迎大家补充 组件的分类 常规页面组件,由 vue-router 产生的每个页面,它本质上也是一个组件(.vue),主要承载当前页 ...
- 基于bootstrap模态框的日期选择器
近来由于工作需求,以bootstrap模态框+DIV+CSS+JS做了一个适用于移动端的日期选择器,能够满足多样的需求,目前处于第一个版本,后续可能会继续更新.废话不多说,直接进入制作过程. 首先,需 ...
最新文章
- 吊打一切:YOLOv4的tricks汇总
- 嘉兴新型智慧城市建设带来的三个问号
- md5模块(Python内置模块)和hashlib模块
- [译文]Domain Driven Design Reference(三)—— 模型驱动设计的构建模块
- value数字 vue_基于Vue开发数字输入框组件
- java jlist checkbox_JCheckBox检查Java中的JList中的切换逻辑时遇到问题
- Spring源码之ApplicationContext(三)加载BeanFactory
- Spark机器学习数据流水线
- 华为薪资等级结构表_华为内部考核体系
- HashMap底层原理面试题
- java字符串下标替换_java字符串下标替换
- qt界面之comboBox控件的三种基本用法
- Java贪吃蛇(附完整代码下载链接)-跟随狂神一天完成
- Benchmark(基准测试)初相识
- 转黄老师的“告别信狮”书
- python gui编程for mac_Python IDE 开发软件-PyCharm pro for Mac
- 食物同时食用是否有害健康
- 数据分析指标体系搭建实战!
- 论在leetcode遇到的奇葩题解
- 原创 | 连面拼多多、美团、头条、快手后给大家划下重点
热门文章
- linux 启动脚本sleep后不执行_JMeter多脚本间的启动延时
- java类引用接口的注释_java – 在接口类型上使用注释有什么好处?
- 南京晓庄学院大一第二学期计算机数据结构期末考试试卷及答案,南京晓庄学院数据结构题库参考答案.docx...
- ES集群状态、节点、索引等查看及根据字段、排序查询
- h5 video视频播放的同时加水印,图片加水印同样的原理
- ES强制删除docs.deleted 标记的文档 document
- 天空之城(君をのせて)主题曲
- fprintf()中的stderr解析
- 自定义国内maven镜像包设置settings.xml
- UnicodeDecodeError: 'ascii' codec can't decode byte 0xe5 in position 0: ordinal not in range(128)