javascript - jQueryUI 日期选择器不显示下一个上一个三 Angular 形箭头

Question

我有一个与 HTML 中的输入字段关联的日期选择器，它工作正常。单击三 Angular 形时，它会生成此 HTML:

<a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" title="">
    <span class="ui-icon ui-icon-circle-triangle-e"></span>
</a>

在我的 .ctp(html 文件)中，我正在这样初始化。

<input name="properties[date_accepted_c]" class="form-control datepicker" data-dateformat="yy-mm-dd">

现在，另一方面，我正在创建一些动态字段，这些字段显然是日期字段，但没有用于日期更改的箭头图标。我在 JS 文件中初始化它。

$(document).ready(function() {
    $(document).on('focus', ".datepicker", function () {
        if( $(this).hasClass('hasDatepicker') === false )  {
            $(this).datepicker({
                dateFormat : 'yy-mm-dd',
                autoSize: true,
            });
        }
    });
});

相反，它正在创建这个 HTML:

<a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" title="Next">
    <span class="ui-icon ui-icon-circle-triangle-e">Next</span>
</a>

Answer 1

我知道这是一个旧线程，但这发生在我身上。我正在添加原因以及我是如何解决它的，以防其他人可能会遇到这个问题。

我没有从 jquery UI 下载所有包，而是只下载了 jquery UI 的 CSS 和 JS 文件。但是我发现图像文件夹和图像丢失了。当从 jquery CDN 调用时，问题不会出现，因为 CDN 附近有图像文件夹。因此，您必须下载图像文件夹并在 jquery ui CSS 中更改这些行(添加图像文件夹位置)。

.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}