将文本框的值放入另一个文本框

我有一个开始日期，由用户通过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

将文本框的值放入另一个文本框

回答

相关问题