Next and Prev button of the datapicker does not appear

Question

Right and left button images do not appear.

css files I installed:

<link rel="stylesheet" href="/css/jquery-ui.css"/>
    <link rel="stylesheet" href="/css/jquery-ui.min.css"/>
    <link rel="stylesheet" href="/css/jquery-ui.theme.css"/>

js:

<script src="/js/jquery-ui.min.js"></script> <script src="/js/jquery-ui.min.js"></script>

$("#data-checkin").datepicker({
                dateFormat: 'dd/mm/yy',
                dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
                dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],
                monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],
                beforeShowDay: function (date) {
                    return [date.getDay() == 0, ""]
                }
            });

and put the images folder in the img folder inside the webroot folder.

Answer 1

You’ve probably changed the folder hierarchy for jQuery UI.

The briefcase images jQuery UI must be inside your folder /css/, because the paths to the images in css are relative, example:

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}