如何用text_field实现bootstrap日期选择器？

Question

我想在 form_for 中使用 bootstrap 日期选择器和我的 text_field。我该如何重写

 <%= f.text_field :some_date %>

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

Answer 1

看到这个Demo & code and API


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

Answer 2

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

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

做的一样

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

以下应更改的代码：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日期选择器？

How to implement bootstrap datepicker with text_field?

ruby-on-rails

datepicker

twitter-bootstrap