將文本框的值放入另一個文本框

我有一個開始日期，由用戶通過jquery日期選擇器放入文本框中。
我還有一個結束日期文本框，當用戶更改開始日期的值時，我想填寫開始日期值。將文本框的值放入另一個文本框

所以我正在考慮做一個JavaScript，而不是當文本框已經改變輸入值到結束日期文本框，但我不知道如何做到這一點。

謝謝大家的幫助，因爲我是JavaScript新手。

來源

2014-03-25 Pieter de Vries

你可以發佈你的代碼嗎？ – Rikesh

我可以，但這是一個非常複雜的日曆系統，會很分散閱讀。 –

你的第二段很混亂。請說清楚。 –

這是下面只是簡單的方法，但如果你需要其他的東西，讓我知道

function copytextbox() 
{ 
document.getElementById('textbox2').value=document.getElementById('textbox1').value; 

return false; 

}

來源

2014-03-25 05:45:48

我有這個但它不會做任何事情，當文本改變時，id確實將textbox2和1更改爲propper名稱 –

使用瀏覽器中的inspect元素並獲取id，它會有更改 –

@PieterdeVries看到我的答案下面它的工作... – Prakash

<script> 
    function myfunction() 
    { 

    document.getElementById("text2").value=document.getElementById("text1").value; 
} 
</script>

和起始日期textbox-

<input type="text" name="startdate" id="text1" onchange="myfunction()"/> 
<input type="text" name="enddate" id="text2" />

來源

2014-03-25 05:55:26 sunny

這裏是你所要求的工作代碼。

<!doctype html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>jQuery UI Datepicker - Select a Date Range</title> 
     <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
     <script src="//code.jquery.com/jquery-1.9.1.js"></script> 
     <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
     <script> 
      $(function() { 
       $("#fromdate").datepicker({ 
        onSelect: function() { 
         $(this).change(); 
        } 
       }); 
       $("#fromdate").change(function(){ 
        var val=$("#fromdate").val(); 
        $("#todate").val(val); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <label for="from">From</label> 
     <input type="text" id="fromdate" name="from"> 
     <label for="to">to</label> 
     <input type="text" id="todate" name="to"> 


    </body> 
</html>

和工作的jsfiddle（Here）

來源

2014-03-25 05:58:16 Prakash

如果是this calendar，（它看起來像your own "answer"），你可以做這樣的事情。它將爲「日期結束」，並且在選擇「從日期」彈出它的日曆：

window.onload = function(){ var cal_start = new JsDatePick({ useMode:2, target:"date_start", dateFormat:"%m/%d/%Y" }); var cal_end = new JsDatePick({ useMode:2, target:"date_end", dateFormat:"%m/%d/%Y" }); cal_start.addOnSelectedDelegate(function(){ document.getElementById('date_end').value = cal_start.getSelectedDayFormatted(); cal_end.showCalendar(); }); };

如果你不想在日曆年底彈出，刪除：

cal_end.showCalendar();

原來的答覆，按您的說法「[...]槽一個jQuery的日期選擇器[...]」有問題的文字。

jQuery UI的變種：

使用onSelect事件。

Simple demo：

$(function() { $("#date_start").datepicker({ onSelect: function(d) { $("#date_end").val(d); } }); $("#date_end").datepicker(); });

你也可以增加對改變事件元素，但不知道如何人性化，這將是。

來源

2014-03-25 05:59:18 user13500

這就是我需要的，但我沒有使用與你一樣的日期選擇器。 –

@PieterdeVries：啊，我明白了。這是一個嗎？ http://javascriptcalendar.org/javascript-date-picker.php – user13500

@PieterdeVries：添加了可能適合你的更新。 – user13500

將文本框的值放入另一個文本框

回答

相關問題