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

Question

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

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

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

No input found for datepicker

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

Answer 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') %>