未触发浮出控件内的 WinJS 日期选取器

Question

我有一个 WinJS 浮出控件对象，而不是在用户单击文本框时启动。浮出控件用于显示用于选择用户出生日期的日期时间选取器。

浮出控件正确启动，但我无法访问其中的日期选取器。例如，只要我想选择一个日期，浮出控件就会自动关闭。

没有挂接到浮出控件的代码，例如单击事件。我尝试在日期选择器上添加 z 索引，但没有运气。

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