w2ui - 是否可以使用 jQueryUI Datepicker 而不是 w2ui 内置日期选择器？

Question

我在我的应用程序中使用 jqueryUI datepicker，并希望在 w2popup 或 w2form 的日期字段之一中使用它。我在打开表单后尝试了 $('#field-id').datepicker() ，但它不起作用。

有没有办法让它工作？

Answer 1

您不能将 jQueryUI 日期选择器应用于 w2ui 日期字段，因为无法阻止 w2ui 日期弹出窗口打开。

但是，您可以将 jQueryUI 日期选择器应用于“普通”w2ui 字段，这样您就可以在该字段上拥有 w2ui 的外观和感觉，也可以使用日期选择器。

请注意，当使用 w2ui 布局/表单时，您很可能已经在使用 z-index，无论您是否愿意，而 jQueryUI 的 datepicker 的默认 z-index 为 2。

为了避免这种情况，您可以按如下方式设置 z-index：

<p>Date: <input type="text" id="datepicker"></p>
<script>
$(function() {
    $( "#datepicker" ).datepicker({
        beforeShow: function() {
            setTimeout(function(){
                $('.ui-datepicker').css('z-index', 99999999999999);
            }, 0);
        }
    }).w2field('text');
});
</script>

或者您可以编写自己的 w2ui 字段来打开 jQueryUI 日期选择器：

http://w2ui.com/web/docs/form/fields-custom