多日采摘虫？

Question

我一直在尝试在我的网站上添加日期选择器,允许用户选择多个非并发日期.Multidatespicker看起来像我想要的那样,但我已经到了一个点,我认为我发现了一个bug,特别是它的AltField,这是在这里确认的.该错误似乎停止了altfield的值显示.如果您访问Multidatespicker 演示并检查altfield,您会看到它显示为空时,代码中会显示值.

这给我带来的问题是,从App/DB返回记录时,我无法编辑以前选择的日期.将altfield的值传递回我的Rails应用程序以进行数据库存储时,我只收到代码中显示的隐藏值.

如果我可以让altfield正确显示这些值并允许我通过日期选择器编辑它们,那么我应该在我的应用程序的后端进行修改.

注意上面github链接上的建议修复不能解决这个问题 - 它只能使'dateVar'中的日期在选择器中被选中....它不会在altField中显示值.

有没有人用过这个并遇到同样的问题并解决了它？

有谁知道如何修理它？

要么

任何人都可以建议一个很好的替代方案,使用Twitter Bootstrap与Rails 3应用程序很好地协作.我能够选择多个非并发日期非常重要.我搜索得非常广泛,但MultiDatesPicker似乎是我能找到的唯一选项之一.

Answer 1

问题是它Multidatespicker没有监听#altField，所以我们需要创建自己的监听器来添加/删除日期。

hidden这个想法是向一个或输入添加值readonly，并通过另一个输入添加/删除日期。这可以防止客户添加日期#altField并被插件覆盖。

超文本标记语言

<input type="text" id="date">

<button type="button" id="addDate">Add dates</button>

<button type="button" id="removeDate">Remove dates</button>

<div class="ui-state-error" id="error"></div>
<br />
<input type="text" id="altField" readonly value="2013-08-30,2013-08-31">

脚本语言

使用 javascript，我们只需添加带有按钮的日期（可以在键盘上或任何您能想象到的地方:)

var dates = $('#altField').val().split(',');


   $('#datepicker').multiDatesPicker({
   dateFormat: "yy-mm-dd",
   addDates: dates,
   altField: '#altField'
   });

    $('#addDate, #removeDate').on('click', function() {
        try {
            var $date = $('#date');
            var addOrRem = $(this).attr('id') === "addDate" ? 'addDates' : 'removeDates'; 

            $('#datepicker').multiDatesPicker(addOrRem, $date.val());
            $date.val('');
        } catch (e) {
            var $error = $('#error');
            $error.html(e).slideDown();
            setTimeout(function() {
                $error.slideUp();
            }, 2000);

        }
    });

jsFiddle