WinJS彈出窗口內的日期選取器未被觸發

Question

我有一個WinJS彈出窗口對象，當用戶點擊一個文本框時就會啓動。彈出窗口用於顯示用於選擇用戶出生日期的日期時間選擇器。

彈出窗口啓動正確，但我無法訪問裏面的日期選擇器。例如，只要我想選擇日期，彈出窗口就會自動關閉。

沒有像彈出式事件那樣鉤入彈出窗口的代碼。我試着在日期選擇器上添加一個z-index，沒有運氣。

Answer 1

以下是啓動包含DatePicker單擊按鈕的Flyout的示例。

HTML

<button class="button">Hello</button> 
<div class="fly" data-win-control="WinJS.UI.Flyout"> 
    <div class="date" data-win-control="WinJS.UI.DatePicker"></div> 
</div> 

的JavaScript

WinJS.Application.onready = function() { 

    WinJS.UI.processAll().then(function() { 

     // Add a click handler to the button 
     var b = document.querySelector(".button"); 
     b.addEventListener("click", function (e) { 

      // Find the Flyout and call show 
      var f = document.querySelector(".fly"); 
      f.winControl.show(b); 
     }); 
    }); 
}; 

WinJS.Application.start();