2012-07-26 138 views
12

我们启动一个新的内容管理系统和重做我们的用户输入表单,让市场部门完全控制显示内容,以什么顺序等等。我真的想用jQuery ui datepicker插件,因为我们基本上可以直接将验证规则插入到CMS中,从而无需任何开发人员输入即可实现完全可定制的控件。我已经展示了它,并展示了它的配置非常简单。日历验证插件没有日历

我们目前的表格使用三种不同的下拉菜单,分别为日,月和年。有几个人不愿意摆脱这种外观/感觉。我们都看过他们,其中有一个人:

<select> 
    <option value="">-- Month --</option> 
    <option value="1">Jan</option> 
    <option value="2">Feb</option> 
    <option value="3">etc.</option> 
</select> 
<select> 
    <option value="">-- Day --</option> 
    <option value="1">1</option> 
    <option value="2">etc.</option> 
    <option value="31">31</option> 
</select> 
<select> 
    <option value="">-- Year --</option> 
    <option value="etc.">etc.</option>       
</select> 

我可以实现这一点,毫无疑问。我不想做的是编写和维护一个将CMS中的规则转换为js输入的JavaScript库 - 必须有更好的方法。

我已经向他们展示了jquery ui插件中的月/年下拉选择器:http://jqueryui.com/demos/datepicker/#dropdown-month-year但他们仍然没有购买它。关于展示本月的日子......利益相关者。

我想知道的是,如果有一个现有的可配置插件匹配/对手的jQuery UI插件的可配置性,并给出3选择的形式因素。我正在特别使用mindate,maxdate(针对不同输入类型的不同日期范围)和altformat选项(以自动翻译我们后端所期望的提交格式)。对不起,如果我的沮丧出来...并感谢您的输入。

编辑:只记得在堆栈交换中有一个单独的UI/UX区域。我很抱歉,如果这更适合那里 - 我还没有一个帐户。

+1

我认为这属于这里,它似乎比设计更多的编码... – Charlie 2012-07-26 21:45:23

+0

虽然通常不明智的做法是告诉利益相关方'不',但您可以让他们意识到他们决定的成本/含义。告诉他们需要多长时间才能正确编码和维护3个选择,而需要多长时间才能实现日期选择器。 – 2012-07-27 14:04:06

+0

我阅读过这个话题两次,我不完全理解你在做什么,以及当前的答案如何不能给你满意的结果。你能否提供更多反馈给你的实际情况? – Khez 2012-08-03 11:46:10

回答

2

您的问题标题去,你可以看看datejs你所有的日期解析,验证和递增。

http://code.google.com/p/datejs/

+1

+1这显示了承诺。我之前已经在日期格式中找到了'日期格式1.2.3 *(c)2007-2009 Steven Levithan ',但是看起来它会有更多我需要的范围检查。 – 2012-08-03 15:33:03

1

我不确定是否有适合您需要的东西。

但是,您可以使用date-utils,这将简化您的验证。下面是从文档中采取了一些例子:

Date.validateDay(day, year, month); // true/false whether a date is valid 

d.between(date1, date2); // true/false if the date/time is between date1 and date2 
d.isBefore(date); // true/false, true if this is before date passed 
d.isAfter(date); // true/false, true if this is after date passed 

d.toFormat(format); // returns date formatted with... 
0

你可以尝试mobiscroll这将仍然提供下拉般的感觉的所有功能,不影响外观。

mobiScroll

+0

我确定我不是唯一一个不喜欢使用它们的人。 – 2012-08-03 11:42:12

+0

你为什么不喜欢使用它们? – Gautam 2012-08-03 11:53:39

+0

取消选择时,它会占用比3个独立的下拉菜单更多的空间。选中后,它会显示比下拉菜单更少的选项。虽然它不是为触摸屏设计的鼠标,但它需要更多的点击才能达到我所追求的价值。当使用触摸屏时,滑过您希望选择的值会更容易。 – 2012-08-03 13:01:55

1
this

什么?

该示例的链接是here

+0

我试过了,但它仍然是我理想用例的倒退。这是从一些下拉菜单驱动日期选择器日历小部件。它根本无法自动填充或限制日期选择器选项的下拉菜单。我可能会使用他们示例代码的一小部分,但它并不能真正保存完全自定义实现的任何内容。 – 2012-08-04 20:32:27