出生日期输入的最佳用户界面是什么?

113
什么是最好的出生日期选择器?
  • 3个文本输入框(月份/日期/年份),或一个掩码输入框。用户必须使用键盘。
  • 3个选择框。用户可以使用键盘或鼠标。
  • 一个漂亮的日期选择器
我想知道什么是最易用和无问题的解决方案,所以用户不会感到困惑。

那个 jQuery 日期选择器在 Firefox 中似乎可以工作,但在 IE7 中不行。 - Richard Ev
1
也许他们的网站有问题。日期选择器在IE6/7/8、FF、Opera和Safari中都可以正常工作。也许还有其他浏览器 :) - Ionuț Staicu
11
“月/日/年”这种格式说实话有点奇怪。 - TRiG
3
很不幸,我小时候在学校里被教成了月/日/年的日期格式。从科学角度来看这毫无意义。 - Duncan Calvert
2
ISO 8601 赢了!年 / 月 / 日 - Qqwy
24个回答

0

为什么不使用jQuery UI DatePicker呢?

它可以根据几乎任何需求进行配置。唯一的缺点是,如果您将其与jQuery UI一起包含,它会占用相当大的空间。

更新

某些文件大小似乎已更改,因此它们在下面进行了更新。请记住,这些数字仅在上次更新时才是正确的。自那时以来可能发生了变化。

  • CSS主题-23kb
  • jQuery UI-71kb压缩
  • DatePicker-38kb
  • 再加上一些图像(下个月/上个月,我非常确定它们是精灵图)

但这还不错...


别担心,你可以随意修改 CSS。我只是想知道什么是最好的方法 ;) - Ionuț Staicu
68k...那是错误的,28k的CSS主题也是如此... - redsquare
@redsquare 自我发布以来,情况可能已经发生了变化。请随意编辑我的回答。也谢谢你让我知道。 - alex
对于日期选择器,仅定制UI的JS总大小为38k(经过压缩),使用gzip后大小会明显变小。 - redsquare
我强烈建议在出生日期中避免使用jQuery日期选择器。我曾尝试过使用它,但我们收到了许多客户的抱怨。首先,回溯超过几年太困难了(默认设置需要点击360次才能回溯30年)。如果添加年份选择,很多用户会先点击日期,这会隐藏日期选择器而不强制选择年份。然后用户会返回并仅更改年份,而不是点击日期,这不会注册年份更改。非常糟糕的体验。 - Andrei

0

我刚在JSFiddle上发现了一个插件。 有两种可能的选择: 1个单一输入或3个输入,但看起来像一个单一的输入...(使用Tab键切换到下一个输入)

[链接]http://jsfiddle.net/davidelrizzo/c8ASE/ 看起来很有趣!


3
这是链接:http://jsfiddle.net/davidelrizzo/c8ASE/ - Laurent B

0

JQueryUI日期选择器是最好的选择,因为它允许专业用户在文本框中输入自己的值,或者从选择器中选择。

设置选择器以便轻松输入生日或未来日期也很容易:

$(‘#datepicker’).datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: ‘-100:+50'
});

这将显示类似于此内容(由于我是新用户,无法发布照片:http://klalex.com/wp-content/uploads/2009/07/picture-1.png

yearRange 显示从 DateTime.Now.Year - 100 到 DateTime.Now.Year + 50 的日期

发现此信息来源于:http://klalex.com/2009/07/jquery-ui-datepicker-for-birth-date-input/


-3

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接