Question

我正在使用jquery从文本框中选择值并将它们显示在摘要页面上的不同文本框中（所有这些都在同一页面上设计）。例如，我有以下HTML：

<label for="txt-outbound-date" class="left p-input-label" >Date: </label>
<input type="text" id="txt-outbound-date" name="txt-outbound-date" class="input-txt-sml left required" />

摘要页面HTML：

<div class="div-contact-label-wrap">
    <label for="txt-selected-date" class="right p-input-label" >Outbound Date: </label>
</div>
<div class="div-contact-input-wrap">
    <input type="text" id="txt-selected-date" name="txt-selected-date" class="input-txt-sml left" disabled="disabled" />
</div>

JQuery代码：

$('#txt-outbound-date').change(function() {
    $('#txt-selected-date').val($(this).val());
});

除了使用Jquery datepicker获取所选值的“Selected Date”文本框之外，这对我的每个文本框都完全没问题。当我选择一个值并进入摘要页面时，不会复制任何值。如果我返回上一页并选择其他日期，则之前选择的日期将显示在文本框中。

有谁知道如何解决这个问题？

我也试过了：

$('#txt-outbound-date').click(function() {
   $('#txt-selected-date').val($(this).val());
});

但这也不起作用。有什么建议吗？

Answer 1

您可以使用datepicker-event onSelect：

$('#txt-outbound-date').datepicker({
   onSelect: function(dateText, inst) { 
      $('#txt-selected-date').val(dateText);
   }
});

Answer 2

此解决方案（datepicker-event onSelect）不适用于此类型的datepicker

  params.datepicker = {
  selector: '#startdate, #enddate, minDate:'<%=date()%>'
  }

此解决方案仅适用于您在文本框中输入或在单击datepicker图标图标后将光标放在文本框中

$(document).ready(function() {
$('#startdate').click(function() {
            var inputValues = [];
            $("#startdate").each(function() {
                inputValues.push($(this).val());
            });
            $('#enddate').each(function(index) {
                if(index < inputValues.length) {
                    $(this).val(inputValues[index]);
                }
            });
        });
 });

这个解决方案适用于html5 / bootstraps（但我正在寻找一个旧的解决方案，其中包含带有旧版本日期选择器的wet2模板）

$('#startdate').change(function(){
    $('#enddate').val($(this).val());
})

Jquery - 将从datepicker中选择的值显示到另一个文本框中

2 个答案: