勘定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

回答

相關問題