Question

我在我的应用程序中使用jqueryUI datepicker，并希望在w2popup或w2form上的某个日期字段中使用它。我打开表单后尝试了$（＆＃39;＃field-id＆＃39;）。datepicker（），但它不起作用。

有没有办法让它发挥作用？

Answer 1

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

但是，您可以将jQueryUI datepicker应用于＆＃34; normal＆＃34; w2ui字段，所以你可以在字段上拥有w2ui的外观和感觉，也可以使用datepicker。

请注意，在使用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 datepicker：

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

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

1 个答案: