Question

我的概念是在一个输入中输入内容并同时输入值将在另一个字段中打印。所有字段都在工作，除了日期。我正在使用bootstrap datepicker来显示日期。我很无奈在另一个字段上显示日期。请帮我一样。下边是我的代码也显示正常文本和日期。

<div class="control-group">             
     <label class="control-label">Address:</label>
     <div class="controls">
        <input required type="text" id="c7"  class="span2 insert">      
     </div>
</div>

ID c7用于显示下方的文字 span

Address:<span class="rc7"></span>

脚本：

$('input').keyup(function(){
    var id=$(this).attr('id');
    //alert(id);
    var na=$('#'+id).val();
    $('.r'+id).text(na);        
    //alert(id+na);
});

日期HTML代码

<div class="control-group">                 
<label class="control-label">Date:</label>
<div class="controls input-group date">
    <input type="text" class="span2 insert angular_input" id="c8"><span class="input-group-addon " style="display:none;"><i class="fa fa-calendar"></i></span>
</div>

同样的脚本即时使用日期也是如此。

如果我在地址输入中键入内容，它将以span显示。同样的我   想要约会

Answer 1

尝试像这样的改变事件

   $('input').change(function(e){
           // set value in other input 
    });

Answer 2

<div class="control-group">                 
<label class="control-label">Date:</label>
<div class="controls input-group date">
    <input type="text" class="span2 insert angular_input" id="c8">
      <span class="input-group-addon " id = "rc8" style="display:none;">
        <i class="fa fa-calendar"></i>
      </span>
</div>

<script>
   var inputField = document.querySelector("#c8");
   inputField.addEventListener("input",function(){
     var span = document.querySelector("#rc8");
     span.style.display = "block";
     span.textContent = inputField.value;
   })
</script>

Answer 3

尝试像这样的改变事件

$('input').change(function(e){
    $("span").text(e.target.value);
});

如何用javascript显示从输入到另一个输入的日期？

3 个答案: