Библиотека Jquery (dialog и Datepicker)

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Nichloas, 11 июл 2008.

Статус темы:
Закрыта.
  1. Nichloas

    Nichloas Гость

    Уважаемые господа.

    Помогите разобраться. Недавно начал изучать библиотеку jQuery и столкнулся с проблемой:

    Создаю модальное диалоговое окно (jQuery.ui.Dialog), в которое необходимо внедрить календарь (jQuery.ui.Datepicker). Отдельно окно и календарь создаются и работают, но никак не получается их совместить. Пишу следующий код:

    Код (Text):
    $(document).ready(function(){
    $("#form_jQuery").dialog({
    height:480,
    width:650,
    autoOpen:true,
    modal:true,
    overlay:{opacity: 0.3,background:"gray"},
    title:"Добавление расписания",
    buttons:{"Добавить":function(){exec_form_rasp("addrasp","filter","");},"Отмена":function(){$('#form_jQuery').dialog('close');}},
    open:function(){
    $(document).ready(function(){
    $('#date_nach').datepicker({
    showOn: 'both',
    buttonImageOnly: false,
    buttonImage: 'img/cal.gif',
    buttonText: 'Календарь',
    dateFormat: 'dd/mm/yy'});
    $('#date_okonch').datepicker({
    showOn: 'both',
    buttonImageOnly: false,
    buttonImage: 'img/cal.gif',
    buttonText: 'Календарь',
    dateFormat: 'dd/mm/yy'});
    });
    },
    close:function(){$("#form_jQuery").dialog("destroy");}});
    });
    В результате получаю следующую картину:
    problem.JPG

    Окошко календаря показывается под диалоговым окном и, к тому же, я его не могу использовать, поскольку оно неактивно (окно модальное)

    Помогите решить проблему
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей