Question

我想在form_for中使用带有text_field的bootstrap datepicker。我应该如何重写

 <%= f.text_field :some_date %>

用于将所选日期存储在some_date字段中的行吗？

Answer 1

请参阅此Demo & code和API


$('field selector').datepicker({
});

Answer 2

日期时间选择器只支持input类型以进行直接集成。但是导轨text_field会创建text area。所以你不能直接这样做。

您可以集成datetimepicker onclick或mousedown事件。就像我们可以为div/span做的那样。

如果你想这样做，你需要覆盖datetimepicker代码，该代码检查支持的html元素。

下面的代码应该更改：link here

attachDatePickerElementEvents = function () {
    input.on({
        'change': change,
        'blur': options.debug ? '' : hide,
        'keydown': keydown,
        'keyup': keyup,
        'focus': options.allowInputToggle ? show : ''
    });

    if (element.is('input')) {
        input.on({
            'focus': show
        });
    } else if (component) {
        component.on('click', toggle);
        component.on('mousedown', false);
    }
},

如何用text_field实现bootstrap datepicker？

2 个答案: