使用javascript从引导数据采集器的输入中获取值
在我的RubyonRails项目中,我想将一个字符串从引导日期选择器添加到一个隐藏字段中。我需要引用一个输入类,但我不知道如何引用 这是我的表格:使用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 => { :
<%= 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();