日历图像面临的问题

Question

当用户单击输入文本框旁边的图像时，我正在使用Juery Datepicker。

我尝试使用下面的代码片段显示按钮图像，但不确定图像未加载。

<input id="timeFrom" type="text" class="form-control" name="timeFrom">
 timeFrom.datepicker({
                 showOn: 'button',
            buttonImage: "~/Content/images/calendar.gif",
            buttonImageOnly: true 
        });

我已将日历图像放在相同的路径中，并且在UI中，日历图像未显示

有人可以让我知道如何显示日历吗？j

Answer 1

我认为您的buttonImage路径不好，请检查它。

$('#timeFrom').datepicker({
    showOn: "both",
    buttonImage: "https://findicons.com/files/icons/99/office/128/calendar.png",
    buttonImageOnly: true
});

.ui-datepicker-trigger {
    max-width: 24px;
    max-height: 24px;
    position: relative;
    top: 6px;
    left: 6px;
}

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css " />
<script src="http://code.jquery.com/jquery-2.1.3.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<input id="timeFrom" type="text" class="form-control" name="timeFrom">

Answer 2

我可以看到带有url更改的图像，并且可以看到图像

 timeFrom.datepicker({
                 showOn: 'button',
            buttonImage: "../Content/images/calendar.gif",
            buttonImageOnly: true 
        });