Datepicker动态声明答案

【问题标题】：Datepicker dynamic declarationDatepicker动态声明
【发布时间】：2013-07-25 09:08:37
【问题描述】：

我正在 grails 中开发网络应用程序，我需要一些提示来解决我的问题。

<script type="text/javascript">
        $(document).ready(function () {
            $.noConflict();
            $.datepicker.regional[""].dateFormat = 'dd.mm.yy';
            $.datepicker.setDefaults($.datepicker.regional['']);
            $("input#startDate").datepicker();
            $("input#endDate").datepicker();
        });

    </script>

我有动态添加名称为 "startDate123" 和 "startDate23" 的文本字段，如何像 datepicker 一样声明它们？

【问题讨论】：

标签： jquery grails datepicker

【解决方案1】：

这是您可以使用的代码。要添加动态内容，您必须使用实时功能。 Jquery on 是可以解决这个问题的替代函数。

另一种解决方法。只需为您的动态输入添加一个类。让我们说 calss="datepickert"。因此您可以将输入作为日期选择器的目标，如下所示。这是一个例子

http://jsfiddle.net/SJ7bJ/201/

$('body').on('focus',"input#startDate, input#endDate, .datepickert", function(){
           $(this).datepicker();
});

以下代码将替代您现有的代码

$(document).ready(function () {
        $.noConflict();
        $.datepicker.regional[""].dateFormat = 'dd.mm.yy';
        $.datepicker.setDefaults($.datepicker.regional['']);
        $('body').on('focus',"input#startDate, input#endDate", function(){
           $(this).datepicker();
        });
    });

【讨论】：

我有不止一个日期选择器。现在 datepicker 出现了，但是当我确认日期时，他只填写了第一个文本字段。
请检查您是否在输入中添加了一个类。它应该可以工作或转到链接jsfiddle.net/SJ7bJ/201 并与您的代码进行交叉检查。