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相关推荐

  1. 好多Javascript日期选择器呀--1

    <script language=javascript> var DS_x,DS_y; function dateSelector()  //构造dateSelector对象,用来实现一个 ...

  2. 好多Javascript日期选择器呀-5

    <HTML> <HEAD> <TITLE>最精致的日历式日期输入控件 (Smart Ver 1.00)</TITLE> </HEAD> &l ...

  3. 好多Javascript日期选择器呀-6

    <script language=javascript> var DS_x,DS_y; function dateSelector()  //构造dateSelector对象,用来实现一个 ...

  4. 好多Javascript日期选择器呀-4

    <Script LANGUAGE="JavaScript">  var months = new Array("一", "二", ...

  5. JavaScript:日期选择器组件的使用

    前言: 在实际项目开发中,日期选择是一个十分常见而且重要的问题,在表单中设计到日期的验证时,如果让用户自己输入时间的话,那么使用正则进行验证其正确性是不可取的,因为他一般只能验证日期的格式,无法准确的 ...

  6. 自已开发完美的触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器

    手机端网页版app在使用下拉列表时,传统的下拉列表使用起来体验非常不好,一般做的稍好一点的交互功能界面都不会直接使用下拉列表,所以app的原生下拉列表都是弹窗列表选择,网页型app从使用体验上来当然也 ...

  7. 强大的独立日期选择器(date picker)插件 - Kalendae

    日期:2012-4-16  来源:GBin1.com 在线演示  本地下载 今天分享一个独立的日期选择插件Kalendae,Kalendae是 一个强大健壮的独立日期选择器.如果你不想使用重量的jQu ...

  8. axure日期选择器组件_vue干货分享,超过六种组件通信方法讲解和精髓归纳

    好消息:为了更好的规划和组织内容,今后每期内容之后能将预告下期的主题,欢迎大家补充 组件的分类 常规页面组件,由 vue-router 产生的每个页面,它本质上也是一个组件(.vue),主要承载当前页 ...

  9. 基于bootstrap模态框的日期选择器

    近来由于工作需求,以bootstrap模态框+DIV+CSS+JS做了一个适用于移动端的日期选择器,能够满足多样的需求,目前处于第一个版本,后续可能会继续更新.废话不多说,直接进入制作过程. 首先,需 ...

最新文章

  1. 吊打一切:YOLOv4的tricks汇总
  2. 嘉兴新型智慧城市建设带来的三个问号
  3. md5模块(Python内置模块)和hashlib模块
  4. [译文]Domain Driven Design Reference(三)—— 模型驱动设计的构建模块
  5. value数字 vue_基于Vue开发数字输入框组件
  6. java jlist checkbox_JCheckBox检查Java中的JList中的切换逻辑时遇到问题
  7. Spring源码之ApplicationContext(三)加载BeanFactory
  8. Spark机器学习数据流水线
  9. 华为薪资等级结构表_华为内部考核体系
  10. HashMap底层原理面试题
  11. java字符串下标替换_java字符串下标替换
  12. qt界面之comboBox控件的三种基本用法
  13. Java贪吃蛇(附完整代码下载链接)-跟随狂神一天完成
  14. Benchmark(基准测试)初相识
  15. 转黄老师的“告别信狮”书
  16. python gui编程for mac_Python IDE 开发软件-PyCharm pro for Mac
  17. 食物同时食用是否有害健康
  18. 数据分析指标体系搭建实战!
  19. 论在leetcode遇到的奇葩题解
  20. 原创 | 连面拼多多、美团、头条、快手后给大家划下重点

热门文章

  1. linux 启动脚本sleep后不执行_JMeter多脚本间的启动延时
  2. java类引用接口的注释_java – 在接口类型上使用注释有什么好处?
  3. 南京晓庄学院大一第二学期计算机数据结构期末考试试卷及答案,南京晓庄学院数据结构题库参考答案.docx...
  4. ES集群状态、节点、索引等查看及根据字段、排序查询
  5. h5 video视频播放的同时加水印,图片加水印同样的原理
  6. ES强制删除docs.deleted 标记的文档 document
  7. 天空之城(君をのせて)主题曲
  8. fprintf()中的stderr解析
  9. 自定义国内maven镜像包设置settings.xml
  10. UnicodeDecodeError: 'ascii' codec can't decode byte 0xe5 in position 0: ordinal not in range(128)