勘定DateRangePicker值使用jQuery

一个文本框，我想，以存储新选择的日期到数据库daterangepicker值赋给一个文本框。虽然我尝试过但没有按照我的预期工作。勘定DateRangePicker值使用jQuery

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); 
          } 
         }); 
        });

任何帮助或建议将不胜感激。谢谢！

来源

2017-06-03 Fekade

你缺少你输入字段的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选择 '#elementId'

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

但是你没有这个ID分配给你的元素，以便您的代码会从来没有找到你的输入字段来填补它。

来源

2017-06-03 15:47:46 Teryx

谢谢TeryX。根据您的建议，我已经完成了更改。但是，仍然没有更新第一个字段（ID =“docrcvd”）。任何你可能会想到的其他建议，将不胜感激。再次感谢你。 – Fekade

更新存储在你不得不通知你所做的更改服务器数据库中的数据。要做到这一点的常用方法是创建一个Ajax请求 https://www.w3schools.com/jquery/jquery_ajax_get_post.asp 然后您需要处理的是在服务器端用（可能在你的情况下）的PHP文件中写入这些更改数据库 https://stackoverflow.com/questions/5004233/jquery-ajax-post-example-with-php可以帮助你 – Teryx

谢谢Teryx和问题得到解决，按您的建议。 – Fekade

勘定DateRangePicker值使用jQuery

回答

相关问题