没有日历的日期验证插件

时间:2012-07-26 21:41:59

标签: javascript jquery jquery-ui date datepicker

我们正在推出一个新的内容管理系统,并以一种允许营销部门完全控制显示内容,按什么顺序等方式重新设置用户输入表单。我真的想要使用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>

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

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

我想知道的是,是否存在一个可配置的插件,它在可配置性方面匹配/竞争jquery UI插件,并提供3选择的外形。我正在特别使用mindatemaxdate(针对不同输入类型的不同日期范围)和altformat选项(以自动翻译我们后端期望的提交格式)。对不起,如果我的沮丧即将到来......并感谢您的意见。

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

4 个答案:

答案 0 :(得分:2)

通过问题标题,您可以查看 datejs ,了解所有日期解析,验证和增量。

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

答案 1 :(得分: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...

答案 2 :(得分:1)

this怎么办?

示例的链接是here

答案 3 :(得分:0)

你可以试试mobiscroll,它仍会提供下拉式的所有功能,而不会影响外观。

mobiScroll