javascript - 通过添加所选日期来更新文本区域

Question

这可能很容易，但我做不到。我正在使用 jQuery 日期选择器。我的表单中有一个文本区域，我希望能够将日期(来自日期选择器)插入文本的末尾。

示例: 用户在文本区域中输入以下内容:我希望我的元素交付时间

然后使用日期选择器并选择一个日期:1/1/2015

最终结果应该是:我希望我的元素能够在 2015 年 1 月 1 日之前交付

示例 Fiddle

$( "#fieldA" ).datepicker({
  showOn: "button",
  buttonText: "Day",
  inline: true,
  altField: '#updateTextField'
});

#updateTextField{
  width:150px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet"/>

<textarea id="updateTextField">Add date at the end of sentence.</textarea>
<input type="input" id="fieldA" class="datepicker" style="display:none;" />

Answer 1

您应该使用另一个参数而不是 altField，因为它会覆盖数据，而且我在 jquery ui 文档中没有看到如何操作它，无论如何，我编辑了您的脚本，以便将日期附加到 textarea val 使用onSelect 参数。

$( "#fieldA" ).datepicker({
      showOn: "button",
      buttonText: "Day",
      inline: true,
      onSelect: function() {
          $('#updateTextField').append(' '+$(this).val());
    }
}); 

更新:

如果您想返回严格的值，那么我建议您更改此行

$('#updateTextField').append(' '+$(this).val());

到此

$('#updateTextField').val('I would like my items to be delivered by  '+$(this).val());