Datepicker动态声明

时间:2013-07-25 09:08:37

标签: jquery grails datepicker

我正在使用grails开发Web应用程序,我需要一些提示来解决我的问题。

<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?

1 个答案:

答案 0 :(得分:0)

以下是您可以使用的代码。要添加动态内容,您必须使用实时功能。 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();
        });
    });