jQuery日期选择器：获取选定日期

Question

我需要能够从日期选择器中获取选定的日期，并用所选值填充另一个文本框。我目前正在使用onClose函数，如下所示：

$('#defaultDate').datepicker({
    onClose:function(theDate) {
        $('#txtEntry1').text = theDate;
    }
});

- Matt

---

那又怎样？你有什么问题？ - Bobby

Answer 1

有一个更简单的方法可以实现这个。使用内置的alt-field选项，就可以完成。

使用altField和altFormat选项，在选择日期时将备用字段填充为其自己的日期格式。此功能可用于以用户友好的方式呈现日期供用户选择，同时传递更适合计算机进一步处理的日期。

- Matt Ball

---

请注意：alt-field选项不适用于span标签（可能也适用于其他HTML元素）。 - Nathan Koop

@NathanKoop 嗯...是的，<span>不是一个表单字段。 - Matt Ball

我没有注意到任何限定词（我想“field”应该有一些线索），我只是想根据这个输入在表单的其他地方填充一个span。在这种情况下，将文本框设置为只读并不是一个很好的解决方案。 - Nathan Koop

Answer 2

您是否查看过文档？http://docs.jquery.com/UI/Datepicker#events

onSelect function(dateText, inst)

允许您在选择日期时定义自己的事件。该函数接收选定的日期文本和datepicker实例作为参数。此处引用关联输入字段。 代码示例

提供回调函数以处理init选项的onSelect事件。

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});

- Thomas Ahle