bootstrap-datepicker-rails - 选择日期将不会持久 [英] bootstrap-datepicker-rails - select date will not persist

问题描述

我安装了以下gems并尝试实现一个datepicker。日期选择器显示在字段中，但当我选择日期时，数据不会持续，甚至在字段中显示。我是在使用我的coffeescript或html错误 - 或者这可能是不相容的宝石之间？

  gem'bootstrap-sass '
 gem'bootstrap-datepicker-rails'
  

http://www.eyecon.ro/bootstrap-datepicker/

https://github.com/Nerian/bootstrap-datepicker-rails p>

articles.js.coffeescript

  jQuery  - > 
 $（'＃datepicker'）。datepicker（）
 dateFormat：'yyyy-mm-dd'
 weekStart：0 
 autoclose：true 
  

_form.html.erb

  < div class =fieldid =datepickerdata-date =current> 
<％= f.label：due％> 
<％= f.text_field：due，'data-behavior'=> 'datepicker'％> 
< / div> 
  

解决方案

在Bootstrap日期选择器格式中，方式：

 < script type =text / javascript> 
 $（document）.ready（function（）{
 $（'[data-behavior = datepicker]'）。datepicker（{format：'yyyy-mm-dd'}）; 
}）; 
< / script> 
  

I've installed the following gems and am trying to implement a datepicker. The datepicker shows up in the field but when I select a date, the data does not persist or even show up in the field. Am I making a mistake with my coffeescript or html - or is this possibly an incompatibility between the gems?

gem 'bootstrap-sass'
gem 'bootstrap-datepicker-rails'

http://www.eyecon.ro/bootstrap-datepicker/

https://github.com/Nerian/bootstrap-datepicker-rails

articles.js.coffeescript

jQuery ->
  $('#datepicker').datepicker()
    dateFormat: 'yyyy-mm-dd'
    weekStart: 0
    autoclose: true

_form.html.erb

<div class="field" id="datepicker" data-date="current" > 
  <%= f.label :due %>
  <%= f.text_field :due, 'data-behaviour' => 'datepicker' %>
</div>

解决方案

In Bootstrap date picker format you need format the date this way:

<script type="text/javascript">
$(document).ready(function(){
  $('[data-behaviour=datepicker]').datepicker({format: 'yyyy-mm-dd'});
});
</script>

这篇关于bootstrap-datepicker-rails - 选择日期将不会持久的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！