使用jquery将DateRangePicker值分配给文本框

时间:2017-06-03 14:49:34

标签: jquery

我想将daterangepicker值分配给文本框,以便将新选择的日期存储到数据库中。虽然我试过这个,但没有像我预期的那样工作。

HTML

<input type="text" id="" name="docrcvd" value="<?php echo $res->doc_date; ?>" class="form-control col-md-12" disabled="disabled">
                               <input type="text" id="birthday1" class="fa fa-calendar date-picker "> 

这样可以正常工作并填充存储在数据库中的日期,第二个输入字段显示日期选择器。

但问题是,一旦我选择了新日期,它就不会将新选择的日期分配给第一个输入字段。

Jquery的

$(document).ready(function() {
                      $('#birthday1').daterangepicker({
                            onSelect: function(dateText, inst) { 
                               $('#docrcvd').val(dateText);
                            }
                         });
                  });

任何帮助或建议都会受到赞赏。谢谢!

1 个答案:

答案 0 :(得分:1)

您缺少输入字段的ID。

<input type="text" id="" name="docrcvd" value="<?php echo $res->doc_date; ?>" class="form-control col-md-12" disabled="disabled">
                           <input type="text" id="birthday1" class="fa fa-calendar date-picker "> 

必须看起来像这样

<input type="text" id="docrcvd" name="docrcvd" value="<?php echo $res->doc_date; ?>" class="form-control col-md-12" disabled="disabled">
                           <input type="text" id="birthday1" class="fa fa-calendar date-picker "> 

您正在使用ID选择器&#39; #lementId&#39;

$('#docrcvd').val(dateText);

但是您没有将该ID分配给您的元素,因此您的代码永远不会找到您的输入字段来填充它。