我正在使用 bootstrap-datepicker.js 并且它工作正常。
<div class="well">
<div id="dp5" class="input-append date" data-date-format="dd-mm-yyyy" data-date="12-02-2012">
<input class="span2" type="dp5" readonly="" value="12-02-2012" size="16">
<span class="add-on">
<i class="icon-th"></i>
</span>
</div>
</div>
我想在这种类型的 Rails 中以我的形式使用它
<%= simple_form_for(@customer) do |f| %>
<%= f.error_notification %>
<div class="form-inputs">
<%= f.input :name %>
<%= f.input :email %>
<%= f.input :address %>
<%= f.input :phone %>
<%= f.input :Projects %>
<%= f.radio_button :status, 0, :checked => true%>Publish
<%= f.radio_button :status, 1 %>Unpublish
<%= f.radio_button :status, 2 %>Trash
</div>
<div class="form-actions">
<%= f.button :submit %>
</div>
<% end %>
在这里我想将日期选择器放入我的表单中
`<%f.(datepicker)%>`
这样,当我提交表单时,我会得到参数日期中的日期值。当我单击日期选择器中的日期时,它应该隐藏,默认日期应该指向当前日期。我的 application.js 包括
$(function(){
$('#dp5').datepicker({
format: 'mm-dd-yyyy'
});
$('#dp3').datepicker({
format: 'mm-dd-yyyy'
});
});
Use <%= f.text_field :name_of_the_date_column, :value=>Date.today.strftime('%m-%d-%Y'), :id =>"dp5" %>
要自动隐藏,请使用此
$("#dt5").datepicker({
format: 'mm-dd-yyyy'
})
.on('changeDate', function(ev){
$('#dt5').datepicker('hide');
});
代替
$("#dt5").datepicker();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)