Вопрос по tabs, datepicker – DatePicker не работает в новых вкладках

1

Когда я нажимаю. Datepicker не работает в новых вкладках

Это код


var tabCounter = 2,
    tabTemplate = "<a href="#{href}">#{label}</a> <span class="ui-icon ui-icon-close">Remove Tab</span>";
var tabs = $( "#tabs" ).tabs();
var tabContentHtml = $("#tabs-1").html();

Создать указатель даты. Работа в tab1. Не работает в tab2

$( ".rush" ).datepicker();

Добавить новые вкладки при нажатии кнопки

$("#add_tab").click(function(){
        addTab();
});
function addTab() {
        var label = "Tab " + tabCounter,
            id = "tabs-" + tabCounter,
            li = $( tabTemplate.replace( /#\{href\}/g, "#" + id ).replace( /#\{label\}/g, label ) );

        tabs.find( ".ui-tabs-nav" ).append( li );
        tabs.append( "<p>" + tabContentHtml + "</p>" );
        tabs.tabs( "refresh" );
        tabCounter++;
    }

Код HTML



    <a href="#tabs-1">Nunc tincidunt</a> <span class="ui-icon ui-icon-close">Remove Tab</span>


    


Add Tab

Ваш Ответ

2   ответа
1

Причина этого 'не работает, потому что работа с датщиком выполняется при загрузке страницы. Когда вы добавляете новую вкладку, средство выбора даты не создается, посмотрите предыдущий пост:

Создание живого сборщика дат - JQuery

0

Вы должны вызвать DatePicker после создания новой вкладки:

$("#add_tab").click(function(){
    addTab();
    $( ".rush" ).datepicker(); //or your new datepicker id
});

Похожие вопросы