【问题标题】:jQuery DatePicker: Get Selected DatejQuery DatePicker:获取选定的日期
【发布时间】:2010-02-22 14:51:24
【问题描述】:

我需要能够从 Datepicker 中获取所选日期并使用所选值填充另一个文本框。我目前正在使用这样的onClose 函数:

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

【问题讨论】:

  • 然后呢?你有什么问题?

标签: jquery jquery-ui datepicker jquery-ui-datepicker


【解决方案1】:

有一种更简单的方法可以做到这一点。使用内置的alt-field option 就完成了。

每当有日期时,使用自己的日期格式填充备用字段 使用 altFieldaltFormat 选项选择。这项特征 可用于呈现人性化的日期供用户选择, 同时传递对计算机更友好的日期以进一步 处理。

【讨论】:

  • 请注意:alt-field 选项不适用于 spans(可能还有其他 html 元素)
  • @NathanKoop 好吧...是的<span> 不是表单域。
  • 我没有注意到任何限定符(我猜“字段”应该有点线索)我只是想根据这个输入在表单的其他地方填充一个跨度。在这种情况下,制作只读文本框并不是一个很好的解决方案。
【解决方案2】:

您浏览过文档吗? http://docs.jquery.com/UI/Datepicker#events

onSelect 函数(dateText, inst)

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

提供一个回调函数来处理 onSelect 事件作为初始化选项。

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

【讨论】:

    猜你喜欢
    • 2013-06-21
    • 1970-01-01
    • 2014-12-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-03
    • 1970-01-01
    • 2014-07-25
    相关资源
    最近更新 更多