Значение ввода HTML исчезает после добавления опции jqery datepicker?

Question

У меня есть несколько текстовых входов, как это:

<input type="text" class="datepicker" value="11-11-2016"> 

И JQuery скрипт:

$(".datepicker").each(function() { 
    $(this).datepicker(); 
    $(this).datepicker("option", "changeYear", true); 
    }); 

Значение ввода исчезает сразу после загрузки страницы !!!

Если удалить параметр:

$(this).datepicker("option", "changeYear", true); 

... значение не пропадают, но всякий раз, когда я добавляю какие-либо из вариантов JQuery Datepicker - на значение !? пропадает

Answer 1

Попробуйте эту строку впоследствии исправить проблему:

$(".datepicker").each(function() { 
    $(this).datepicker(); 
    $(this).datepicker("option", "changeYear", true); 
    $(this).attr("value", "11-11-2016"); 
}); 

Если атрибуты являются динамическими в $(".datepicker"), то используйте следующее:

function getElemAttributes(var element) { 
    var attrs = {}; 
    var attrMap = element.attributes; 

    $.each(attrMap, function (i, e) { attrs[e.nodeName] = e.nodeValue; }); 

    return attrs; 
} 

, чтобы получить все атрибуты как объект. Итак:

$(".datepicker").each(function() { 
    $(this).datepicker(); 

    // Returns something like { id: "datepicker", ..., value: "11-11-2016" } 
    var originalAttributes = getElemAttributes(this); 

    // Do stuff that affects attr on element. 
    $(this).datepicker("option", "changeYear", true); 

    // Set element attributes from riginal attributes object. 
    if (originalAttributes.hasOwnOroperty("value")) { 
     $(this).attr("value", originalAttributes["value"]); 
    } 
    else { 
     // Didn't originally have a "value" attribute - set some default here? 
    } 
}); 

Answer 2

Я думаю, что проблема это в вашей инициализации, попробуйте следующее:

$(function(){ 

    $('.datepicker').each(function(){ 
     $(this).datepicker({"changeYear": true}); 
    }); 

}); 

Вот рабочий fiddle

Answer 3

Вы должны использовать эту опцию, чтобы установить начальную дату:

$(".selector").datepicker("setDate", "10/12/2012"); 

у вас код пример:

$(".datepicker").each(function() { 
    $(this).datepicker(); 
    $(this).datepicker("option", "changeYear", true); 
    $(this).datepicker("setDate", "10/12/2012"); 
    });