ChocolatechipUI popover 안에있는 Mobiscroll 날짜 선택 도구?

chocolatechipUI popover 내에 Mobiscroll 날짜 선택 도구를 가져 오려고합니다. 잠시 동안 poppover 안에 입력 텍스트 필드를 넣으려고했는데 datepicker의 위치가 부모 요소와 관련이 있는지 확인하려고했습니다. 날짜 선택 도구는 내 목표 인 팝업 창의 내부가 아닌 페이지 가운데에 표시됩니다. ChocolatechipUI popover 안에있는 Mobiscroll 날짜 선택 도구?

는 팝 오버를 만듭니다

$.UIPopover(popover2); 
var popover3 = { 
    triggerElement: "#showPopover3", 
    popoverOrientation: "top", 
    pointerOrientation: "right", 
    id: "popover3", 
    title: "Popover Three" 
};

콘텐츠를 추가

$("#popover3 scrollpanel").append('<input type="text" class="mobiscroll" id="datePicker"/>');

바인딩 버튼을 클릭 :

$("#showPopover3").bind("click", function() { 
    $.UIPopover.show($("#popover3"));

이 작업을 얻는 방법에 대한 도움을 주시면 감사하겠습니다을.

출처

2012-03-20 pgpb.padilla

2.0 인라인 모드가 도입되었습니다. 귀하의 팝업에 인라인 scroller를 넣어보십시오. 예를 들어 http://demo.mobiscroll.com

출처

2012-05-08 10:17:37

인라인 모드 란 무엇입니까? 돔이 여러 가지 예를 들어 설명해주십시오. – Hunt

물론 ... 여러 가지 디스플레이 모드가 있습니다. 모달 (화면 중간의 팝업), 풍선 (바인드 요소 옆의 팝업), 상단/하단 (화면 상단 또는 하단의 팝업) 및 인라인 (팝업없는 렌더링) - 예 : http : //를 참조하십시오. demo.mobiscroll.com/datetime/date/#display=inline –

ChocolatechipUI popover 안에있는 Mobiscroll 날짜 선택 도구?

답변

관련 문제