Jquery DatePicker для сгенерированного ввода HTML не работает

Question

Jquery DatePicker для сгенерированного ввода HTML не работает

0

Я пытаюсь создать datepicker для jquery сгенерированного ввода html, как показано ниже:

<input type="text" class="cal" />
<a href="#" id="datepicker">Show </a>
<div id="newdp"></div>

И JS

var datePickerOptions = {
    dateFormat: 'yy-mm-dd',
    firstDay: 1,
    changeMonth: true,
    changeYear: true,
}
$(document).ready(function () {
    $(".cal").datepicker(datePickerOptions);
 });
$('#datepicker').click(function(){
   var html = '';
    html += '<input type="text" class="cal" />';
    $('#newdp').html(html);
});

Я использую js коды, как описано в jquery datepicker, не работающем на динамически создаваемом html. Но в моем случае это не работает!

JSFiddle

Nitish 24 май 2014, в 12:25

Источник

1

jsfiddle.net/NjPC3/3
adeneo 24 май 2014, в 10:04

Теги:

jquery

datepicker

jquery-ui

dom

1 ответ

Ещё вопросы

Stephen Muecke · Accepted Answer · 2014-05-24T08-59-00.000Z

Вам нужно привязать datepicker к вновь созданному элементу html

$('#datepicker').click(function(){
   html += '<input type="text" class="cal" />';
   $('#newdp').html(html);
   html.datepicker(); // apply the date picker