Javascript Jquery添加输入字段和日期选择器

使用jquery datepicker创建输入字段时不起作用

我试着

Jquery生成的输入：

<input name="date[]" class="pure-input-1-2 datepick" type="text" value="">

Jquery代码生成输入字段

$(document).ready(function() {
    var max_fields      = 10; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap"); //Fields wrapper
    var add_button      = $(".add_field_button"); //Add button ID

    var x = 1; //initlal text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++; //text box increment
            $(wrapper).append('<div>'+
            'Iskustvo od:  <input  name="date[]" class="pure-input-1-2 datepick" type="text" value="">'+
            '<a href="#" class="remove_field">Remove</a></div>'); //add input box
        }
    });

    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })
});

$（文档）.ready（函数（）{
var max_fields=10；//允许的最大输入框数
var wrapper=$（“.input_fields_wrapp”）；//字段包装器
var add_button=$（“.add_字段_button”）；//添加按钮ID
var x=1；//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x

您的代码将向任何

.datepick

元素附加一个日期选择器，这些元素在jQuery的

ready

事件中已经在文档中，但它不会对以后添加的任何元素做任何操作

如果稍后添加另一个元素，则需要显式地将datepicker附加到该元素，可能是在添加该元素的代码中

例如，添加元素后，此代码会将日期选择器附加到任何尚未具有日期选择器的

.datepick

：

$(".datepick").not(".hasDatepicker").datepicker();

之所以使用

.not（“.hasDatepicker”）

，是因为datepicker在初始化元素时将该类添加到元素中，因此通过使用

.not

，我们过滤掉已经设置的元素，而不是再次设置它们

---

重新编辑显示添加输入的代码，只需添加调用：

wrapper.append('<div>'+
'Iskustvo od:  <input  name="date[]" class="pure-input-1-2 datepick" type="text" value="">'+
'<a href="#" class="remove_field">Remove</a></div>'); //add input box
wrapper.find(".datepick").datepicker(); // <=====

wrapper.append（“”+
“Iskustvo od:”+
''); //添加输入框
wrapper.find（“.datepick”）.datepicker（）；// 在jQuery的
ready
“事件”中，您的代码将向文档中已经的
.datepick
元素附加一个日期选择器，但它不会对以后添加的任何元素执行任何操作

如果稍后添加另一个元素，则需要显式地将datepicker附加到该元素，可能是在添加该元素的代码中

例如，添加元素后，此代码会将日期选择器附加到任何尚未具有日期选择器的
.datepick
：

$(".datepick").not(".hasDatepicker").datepicker();

之所以使用
.not（“.hasDatepicker”）
，是因为datepicker在初始化元素时将该类添加到元素中，因此通过使用
.not
，我们过滤掉已经设置的元素，而不是再次设置它们


重新编辑显示添加输入的代码，只需添加调用：

wrapper.append('<div>'+
'Iskustvo od:  <input  name="date[]" class="pure-input-1-2 datepick" type="text" value="">'+
'<a href="#" class="remove_field">Remove</a></div>'); //add input box
wrapper.find(".datepick").datepicker(); // <=====

wrapper.append（“”+
“Iskustvo od:”+
''); //添加输入框
wrapper.find（“.datepick”）.datepicker（）；// 在jQuery的
ready
“事件”中，您的代码将向文档中已经的
.datepick
元素附加一个日期选择器，但它不会对以后添加的任何元素执行任何操作

如果稍后添加另一个元素，则需要显式地将datepicker附加到该元素，可能是在添加该元素的代码中

例如，添加元素后，此代码会将日期选择器附加到任何尚未具有日期选择器的
.datepick
：

$(".datepick").not(".hasDatepicker").datepicker();

之所以使用
.not（“.hasDatepicker”）
，是因为datepicker在初始化元素时将该类添加到元素中，因此通过使用
.not
，我们过滤掉已经设置的元素，而不是再次设置它们


重新编辑显示添加输入的代码，只需添加调用：

wrapper.append('<div>'+
'Iskustvo od:  <input  name="date[]" class="pure-input-1-2 datepick" type="text" value="">'+
'<a href="#" class="remove_field">Remove</a></div>'); //add input box
wrapper.find(".datepick").datepicker(); // <=====

wrapper.append（“”+
“Iskustvo od:”+
''); //添加输入框
wrapper.find（“.datepick”）.datepicker（）；// 在jQuery的
ready
“事件”中，您的代码将向文档中已经的
.datepick
元素附加一个日期选择器，但它不会对以后添加的任何元素执行任何操作

如果稍后添加另一个元素，则需要显式地将datepicker附加到该元素，可能是在添加该元素的代码中

例如，添加元素后，此代码会将日期选择器附加到任何尚未具有日期选择器的
.datepick
：

$(".datepick").not(".hasDatepicker").datepicker();

之所以使用
.not（“.hasDatepicker”）
，是因为datepicker在初始化元素时将该类添加到元素中，因此通过使用
.not
，我们过滤掉已经设置的元素，而不是再次设置它们


重新编辑显示添加输入的代码，只需添加调用：

wrapper.append('<div>'+
'Iskustvo od:  <input  name="date[]" class="pure-input-1-2 datepick" type="text" value="">'+
'<a href="#" class="remove_field">Remove</a></div>'); //add input box
wrapper.find(".datepick").datepicker(); // <=====

wrapper.append（“”+
“Iskustvo od:”+
''); //添加输入框
wrapper.find（“.datepick”）.datepicker（）；//尝试为inputU设置ID属性是否包含日期选择器
js
？为什么不直接编写
$（'.datepick'）.datepicker（）？如果输入是动态生成的，您需要再次初始化Datepicker。请为输入生成添加代码不要使用ID。尝试为输入设置ID属性您是否包含Datepicker
js
？为什么不直接编写
$（'.datepick'）.Datepicker（）？如果输入是动态生成的，您需要再次初始化Datepicker。请为输入生成添加代码不要使用ID。尝试为输入设置ID属性您是否包含Datepicker
js
？为什么不直接编写
$（'.datepick'）.Datepicker（）？如果输入是动态生成的，您需要再次初始化Datepicker。请为输入生成添加代码不要使用ID。尝试为输入设置ID属性您是否包含Datepicker
js
？为什么不直接编写
$（'.datepick'）.Datepicker（）？如果输入是动态生成的，您需要再次初始化Datepicker。请为输入生成添加代码不要使用ID。我指的是您使用的
$（“.datepick”）。而不是（“.hasDatepicker”