用于 Simpleform 的 JQuery Datepicker，就像在 ActiveAdmin 中一样

Posted 2023-05-09

【中文标题】用于 Simpleform 的 JQuery Datepicker，就像在 ActiveAdmin 中一样

【英文标题】：JQuery Datepicker for Simpleform just like in ActiveAdmin

【发布时间】：2013-04-13 20:47:52

【问题描述】：

在 Active Admin 中，我可以执行以下操作，这将呈现一个不错的 Datepicker，而不是一组下拉字段：

f.input :some_date, :as => :datepicker

但是，当我使用自定义表单执行此操作时，我收到以下错误：

No input found for datepicker

但是，这在 Active-Admin 之外不起作用。是否有一种简单的方法可以对任何基于 simple_form 的表单执行相同操作？

【问题讨论】：

这个功能似乎在formtastic的最新版本3.1.5中被破坏了。见github.com/justinfrench/formtastic/issues/1252

【参考方案1】：

你可以用简单的形式做我所做的事情：（包括设置为今天按钮=P）

为日期选择器字段添加 javascript...

// my_javascript.js
$('#position_buy_date').datepicker(
    showOtherMonths: true,
    dateFormat: 'yy-mm-dd'
);
$('#set_buy_date').on('click', function ()
    $('#position_buy_date').datepicker('setDate', new Date());
);

修改输入字段为字符串

<%= f.input :buy_date, as: :string, hint: button_tag('Set as today', type: 'button', class: 'btn', id: 'set_buy_date') %>