13

我们正在启动一个新的内容管理系统并重做我们的用户输入表单,使营销部门可以完全控制显示的内容、顺序等。我真的很想使用 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-select 外形尺寸。我特别使用mindate, maxdate(用于不同输入类型的不同日期范围)和altformatoptions (自动翻译我们后端期望的提交格式)。对不起,如果我的挫败感出来了......感谢您的意见。

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

4

4 回答 4

2

根据您的问题标题,您可以查看datejs以进行所有日期解析、验证和递增。

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

于 2012-08-03T11:39:46.080 回答
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...
于 2012-08-03T11:19:22.697 回答
1

这个呢?

示例的链接在这里

于 2012-08-04T19:33:42.030 回答
0

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

移动滚动

于 2012-08-03T11:29:59.750 回答