Javascript JQuery日期时间选择器布局格式问题

Javascript JQuery日期时间选择器布局格式问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我是日期时间选择器的jquery。其工作正常,但上个月或下个月图标不显示,如图所示。。但当我点击无图片区域时,它也能工作 我需要在角落显示图像,如图所示。请指出问题所在 我从 我的代码: <link rel="stylesheet" href="css/jquery-ui.css"> <style> /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin

我是日期时间选择器的jquery。其工作正常,但上个月或下个月图标不显示,如图所示。。但当我点击无图片区域时,它也能工作

我需要在角落显示图像,如图所示。请指出问题所在

我从

我的代码:

          <link rel="stylesheet" href="css/jquery-ui.css">
   <style>
   /* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
   </style>

    <script src="js/jquery-1.9.1.js"></script>
            <script src="js/1.10.3/jquery-ui.js"></script>
        <script src="js/jquery-ui-timepicker-addon.js"></script>           
            <script>

 $(function() {


    $( "#datepicker" ).datetimepicker({dateFormat: "yy-mm-dd"});
  });

  </script>

/*时间选择器的css*/
.ui timepicker div.ui小部件头{margin bottom:8px;}
.ui时间选择器div dl{text align:left;}
.ui时间选择器div dl dt{float:left;clear:left;padding:0 5px;}
.ui时间选择器div dl dd{margin:0 10px 10px 45%;}
.ui timepicker div td{font size:90%;}
.ui tpicker网格标签{背景:无;边框:无;边距:0;填充:0;}
.ui时间选择器rtl{方向:rtl;}
.ui时间选择器rtl dl{文本对齐:右;填充:0 5px 0;}
.ui时间选择器rtl dl dt{float:right;clear:right;}
.ui时间选择器rtl dl dd{margin:0 45%10px 10px;}
$(函数(){
$(“#datepicker”).datetimepicker({dateFormat:“yy-mm-dd”});
});

您可能忘记了包含jQuery UI图像资源。打开浏览器开发工具,转到控制台(至少在Chrome中),您会看到404条关于缺少资源的错误消息

您应该从以下位置下载完整的jQuery UI包:


还要注意的是,除了图标之外,在各个日期或页眉上看不到渐变背景。

在我的例子中,问题是因为错误的字体类别。当我检查与datepicker相关的.js文件时,我发现箭头如下:

<i class="icon-circle-arrow-left"></i>


它们应改为:

<i class="fa fa-arrow-circle-left" aria-hidden="true"></i>



所以,只要找到它们并将它们全部替换为正确的。希望它也能为您工作。

控制台中没有404错误消息。它是空的。。。此外,我已经在使用从您提供的链接下载的它的缩小版本…您的回答帮助我找到我的问题并解决它。所以,我写了下面的答案。它会像在演示中一样生成datahandler“prev”和“next”吗?如果是,那么检查它的CSS属性,如果不是,那么你知道你必须查看JS,而不是csw我应该把div放在哪里?我已经定义了样式…嗯,它应该填充这些按钮。在这里,看看我制作的这个JSFIDLE——看看这个屏幕截图——检查代码中是否有这些按钮。
<i class="fa fa-arrow-circle-left" aria-hidden="true"></i>
<i class="fa fa-arrow-circle-right" aria-hidden="true"></i>