jquery - Datepicker动态声明

Question

我正在 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”的文本字段，如何像日期选择器一样声明它们？

Answer 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();
        });
    });

​</p>