datepicker 달력을 대화 상자로 열려고합니다.

달력을 열면 다른 모든 양식 요소에 포커스가 가지 않도록 datepicker 달력을 대화 상자로 열려고합니다. 대화 상자로 열 수있는 datepicker 쓰루에 대한 기본 설정이 있습니까?datepicker 달력을 대화 상자로 열려고합니다.

출처

2012-05-25 newprogress

당신이 JQueryUI 프레임 워크를 사용하는 아래의 오버레이 (JQuery와 대화 모달에 하나 사용)을 넣어 생각? – SoEnLion

캘린더가 표시 될 때 다른 모든 입력을 비활성화 한 다음 닫을 때 다시 활성화 할 수 있습니다. –

예 JQueryUI 프레임 워크를 사용하고 있습니다. – newprogress

는 당신이 시도 할 수이

$(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(); 
     } 

    }); 
});

이있는 작은 해킹, 기본적으로 날짜 선택기

출처

2012-05-25 10:09:39

방금 시도했지만 지금은 어느 날을 선택할 수 없습니다. 심지어 월 또는 연도를 선택할 수조차 없습니다. – newprogress

datepicker 대화 상자의 Z- 색인 문제를 발견했습니다. –

정말 더럽지 만 내 작업을 다시 시도 할 수 있습니까? –

차례로 텍스트 입력 및 캘린더 제어를 포함 할 수있는 fancybox를 사용할 수 있습니다. fancybox를 닫으면 상위 페이지의 텍스트 입력 또는 레이블에 날짜 값을 전달할 수 있습니다.

출처

2012-05-25 09:53:26 Shant

datepicker 달력을 대화 상자로 열려고합니다.

답변

관련 문제