【问题标题】:Get jQuery Datepicker element in a dynamic form以动态形式获取 jQuery Datepicker 元素
【发布时间】:2013-04-27 20:57:39
【问题描述】:

我有一个动态表单,它有一些与日期选择器绑定的日期字段,它工作正常。

加载文档后,我想获取所有绑定的日期选择器元素。我没有通用的类字段或类型。任何方式我们都可以使用 jQuery 获取所有与日期时间绑定的元素?

更清楚地说,我通过产品将脚本注入到站点,因此它可以是任何站点,因此我需要一种通用的方法来识别该特定形式的日期时间。

【问题讨论】:

  • 你能展示你试过的代码吗?
  • 显示代码,我们将向您展示如何获取日期选择器绑定的元素。

标签: jquery jquery-ui


【解决方案1】:

如果您询问如何获取所有使用 DatePicker 的元素,只需使用 data-* 属性标记使用它的每个元素。因此,当您创建将具有 DatePicker 的输入时,请以这种方式创建它:<input data-date="true"/><input data-type="date"/>

然后您可以使用 jQuery 从 DOM 中拉取它们:

$('input[data-type="date"]')

您也可以通过向每个元素添加一个类来执行相同的操作:<input class="hasDatePicker"/> 并使用以下命令拉取它们:$('.hasDatePicker')

不过,我更喜欢data-*

【讨论】:

  • 为了更清楚,我通过产品将脚本注入到站点,所以它可以是任何站点,所以我需要一种通用的方法来识别特定形式的日期时间。
【解决方案2】:

jQuery UI datepicker 自动添加名为hasDatepicker 的类。您可以使用它来识别哪些输入具有日期选择器。

https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.datepicker.js#L138

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-19
    • 2013-08-02
    • 2013-10-10
    • 2012-05-24
    • 2012-05-21
    • 1970-01-01
    相关资源
    最近更新 更多