Question

我正在尝试使用多个datepicker.But它无法正常工作。我的问题是，当我点击日历的文本框时，它在第二次点击后加载。否则它的工作正常。我无法弄清楚问题。我在下面给出了我的js代码：

$(".datepicker").on("click",function(){
        $(".datepicker").datepicker(
        {
            dateFormat: "yy-mm-dd",
            onSelect: function (date) 
            { 
              var date = $("#dateNew").val();//alert(date);
              var currDate = new Date();
            }
        });

任何想法，为什么这会产生问题？

Answer 1

这是你的核心，有一些变化：

$(function() {

        $(".datepicker").datepicker(
        {
            dateFormat: "yy-mm-dd",
            onSelect: function (date) 
            { 
              var date = $("#dateNew").val();//alert(date);
              var currDate = new Date();
            }
        });

        var scntDiv = $('#p_scents');
        var i = $('#p_scents p').size() + 1;

        $('#addScnt').live('click', function() {
                $('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" class="datepicker" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
            $("input[name=p_scnt_" + i +"]").datepicker(
            {
                dateFormat: "yy-mm-dd",
                onSelect: function (date) 
                { 
                  var date = $("#dateNew").val();//alert(date);
                  var currDate = new Date();
                }
            });
                i++;

                return false;
        });

        $('#remScnt').live('click', function() { 
                if( i > 2 ) {
                        $(this).parents('p').remove();
                        i--;
                }
                return false;
        });
});

不是在点击后创建日期选择器，而是在添加新输入时创建新的。

多个日期选择器无法正常工作

1 个答案: