如何在文本字段中输入日期选择器的值
How to enter value of datepicker into text field
我有一个任务列表,每个任务都有一个编辑日期选项,我使用jquery日期拾取器。
这是我的application.js:
$(function() {
$('.date').datepicker({dateFormat: 'yy-mm-dd'});
});
这是我的_edit_form.html.erb:
<%= form_for task do |f| %>
<div class='form-group'>
<%= f.text_field :description, placeholder: 'create a task' %>
</div>
<div class='form-group'>
<%= f.label :due_date %>
<%= f.text_field :due_date, placeholder: 'select a date', class:"date", readonly: 'readonly' %>
</div>
<%= button_tag(type:'patch', class:"btn btn-default btn-xs") do %>
<span class='glyphicon glyphicon-plus'></span>
<% end %>
<% end %>
所以我的问题是datepicker只适用于我列表上的第一个任务。我可以选择日期,它会显示在文本框中它会传入我的task#update
控制器
然而,在此之后的每个任务都不能从datepicker接收输入。当我选择日期时,文本字段是空白的,并且它不会传递到控制器中。当我在web控制台调试时,'value' = ".
这是一个在多个字段上使用日期选择器的JQuery问题。这不是Rails的错…
我认为你需要的答案是"应用jQuery日期picker到多个实例":附加一个唯一的id
到每个字段,然后脚本函数如下:
<input type="text" class="datepick" id="date_1" />
<input type="text" class="datepick" id="date_2" />
<input type="text" class="datepick" id="date_3" />
脚本:
$('.datepick').each(function(){
$(this).datepicker();
});
相关文章:
- jquery日期选择器年份范围默认值
- jquery日期选择器失去了交互性
- 正在搜索JavaScript日期选择器滑块
- 如何在多个jQueryUI日期选择器中屏蔽特定日期
- jquery日期选择器显示与值不同的文本
- JQuery UI日期选择器:在选择出发日期时自动弹出返回日期
- Angular UI启动日期选择器问题
- 奇怪的日期选择器行为,与模糊有关
- 我希望这个日期选择器可以从1990年到2000年之间的年份中选择日期
- keith wood日期选择器日期格式和语言
- 在日期更改后更新Angular UI引导程序日期选择器选项
- Jquery UI日期选择器不关注输入
- Javascript两个日期选择器冲突
- 动态添加的标记不会'无法正确使用日期选择器
- 日期选择器无法使用javascript显示
- AngularJS自定义日期选择器指令
- 他们网站上的代码出现启动日期选择器错误
- 从第一个日期选择器定义第二个日期选择器的开始日期
- 更改日期选择器格式
- 带有推特助推器的日期选择器出现了,但没有't更改日期