使用javascript从引导数据采集器的输入中获取值

使用javascript从引导数据采集器的输入中获取值,javascript,jquery,ruby-on-rails,twitter-bootstrap,datepicker,Javascript,Jquery,Ruby On Rails,Twitter Bootstrap,Datepicker,在我的RubyonRails项目中,我想将一个字符串从引导日期选择器添加到一个隐藏字段中。我需要引用一个输入类,但我不知道如何引用 这是我的表格: <%= simple_form_for([@event, @dateevent]) do |f| %> <%= hidden_field_tag(:date, @datelist) %> <%= f.input :date, :as => :hidden, :input_html => { :

在我的RubyonRails项目中,我想将一个字符串从引导日期选择器添加到一个隐藏字段中。我需要引用一个输入类,但我不知道如何引用

这是我的表格:

<%= simple_form_for([@event, @dateevent]) do |f| %>
    <%= hidden_field_tag(:date, @datelist) %>
    <%= f.input :date, :as => :hidden, :input_html => { :value => "placeholder" } %>
    <%= f.button :submit %>
<% end %>
我需要输入什么,以便将引导datepicker字段的字符串添加到datelist?有什么想法吗?提前谢谢

这是全文:

<h2>Neuer Event</h2><br>
<input type="text" class='datepicker' >

<script type="text/javascript">
  $(document).ready(function(){
    $('.datepicker').datepicker({
      multidate: true,
      format: 'dd-mm-yyyy'
    });
  });
</script>
<br>
<div class="listb">2016-2-2</div>
<button class="btn3">Add dates to the hidden field</button>

<%= simple_form_for([@event, @dateevent]) do |f| %>
    <%= hidden_field_tag(:date, @datelist) %>
    <%= f.input :date, :as => :hidden, :input_html => { :value => "placeholder" } %>
    <%= f.button :submit %>
<% end %>

  <script>

    $(document).ready(function(){
      $(document).on('click', ".btn3", function () {
        var datelist = $(".listb").text();
        document.getElementById('date').value = datelist;
      });
    });
</script>
Neuer事件
$(文档).ready(函数(){ $('.datepicker').datepicker({ 多日期:对, 格式:“dd-mm-yyyy” }); });
2016-2-2 将日期添加到隐藏字段 :hidden,:input_html=>{:value=>“占位符”}%> $(文档).ready(函数(){ $(文档).on('click',“.btn3”,函数(){ var datelist=$(“.listb”).text(); document.getElementById('date')。值=日期列表; }); });
您可以使用

//这个

//或


有趣的是,这是有效的:

var datelist = $("input.datepicker").val();

这同样有效:
var datelist=$('.datepicker').datepicker('getDate')为什么
var datelist=$('.datepicker').datepicker('getDate')中断我的日期选择器配置?我看得很清楚,因为我将日期选择器设置为只允许选择月份。
<div class="listb">2016-2-2</div>
<input class="datepicker" type="text"></input>
var datelist = $(".datepicker").text();
var datelist = $(".datepicker").val();
<h2>Neuer Event</h2><br>
<input type="text" class='datepicker' >

<script type="text/javascript">
  $(document).ready(function(){
    $('.datepicker').datepicker({
      multidate: true,
      format: 'dd-mm-yyyy'
    });
  });
</script>
<br>
<div class="listb">2016-2-2</div>
<button class="btn3">Add dates to the hidden field</button>

<%= simple_form_for([@event, @dateevent]) do |f| %>
    <%= hidden_field_tag(:date, @datelist) %>
    <%= f.input :date, :as => :hidden, :input_html => { :value => "placeholder" } %>
    <%= f.button :submit %>
<% end %>

  <script>

    $(document).ready(function(){
      $(document).on('click', ".btn3", function () {
        var datelist = $(".listb").text();
        document.getElementById('date').value = datelist;
      });
    });
</script>
var datepicker = $('.datepicker').datepicker()
    .on('changeDate', function(e) {

       $('#date').val($(e.currentTarget).val());//1
       $('#date').val(datepicker.getDate());//2

    });
var datepicker = $('.datepicker').datepicker()
    .on('dp.change', function(e) {

       e = {
    date, //date the picker changed to. Type: moment object (clone)
    oldDate //previous date. Type: moment object (clone) or false in the event of a null

}


    });
var datelist = $("input.datepicker").val();