2012-05-25 5 views
2

Я хочу открыть календарь datepicker как диалог, чтобы при открытии календаря все остальные элементы формы не попадали в фокус. Есть ли настройка по умолчанию для прокрутки датпикера, которую можно открыть в виде диалога?Хотите открыть календарь datepicker как диалог

+1

вы используете рамки JQueryUI? – SoEnLion

+0

Вы можете попробовать отключить все остальные входные данные, когда календарь показывается, а затем снова включить их при закрытии –

+0

да Я использую фреймворк JQueryUI – newprogress

ответ

1

Вы можете попробовать это

$(function() { 
    $("#datepicker").datepicker({ 
     beforeShow: function(input, inst) { 
      $('<div class="ui-widget-overlay" style="width: 2000px; height: 2000px; z-index: 1002; left:0; top:0; position :fixed"></div>').insertBefore('#ui-datepicker-div'); 
      setTimeout(function(){$('#ui-datepicker-div').css('z-index', 199999);},2); 

     }, 
     onClose: function(dateText, inst) { 

      $('.ui-widget-overlay').remove(); 
     } 

    }); 
}); 

это немного взломать, идея в основном положить накладку (одно использование в диалоговом модальный Jquery) под DatePicker

+0

Я просто пробовал это, но теперь я не смогу выбрать ни одного дня. даже не в состоянии выбрать месяц или год. – newprogress

+0

Я нашел проблему с z-index диалогового окна datepicker –

+0

Можете ли вы попробовать еще раз, действительно грязные, но мои работы. –

2

Вы можете использовать fancybox, который, в свою очередь, может содержать текстовый ввод и управление календарем. При закрытии fancybox вы можете передать значение даты любому текстовому вводу или метке на родительской странице.

Смежные вопросы