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

我是日期时间选择器的jquery。它的工作正常，但是，上个月或下个月的图标没有像图中所示显示..但它也工作，当我点击无图像的区域。JQuery日期时间选择器布局格式问题

我需要在图像中显示的角落显示图像。请提出问题出在哪里..

我从http://trentrichardson.com/examples/timepicker/

enter image description here 下载我的代码：

  <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>

来源

2014-02-08 logan

它是否像演示中一样生成数据处理程序“prev”和“next”？ http://prntscr.com/2qorzh如果是的话，然后检查它的CSS属性，如果没有，那么你知道你将不得不看看JS，而不是CSS – Nix

我应该在哪里放置div？我已经定义了样式... – logan

嗯，它应该填充这些按钮。在这里，看看我这个jsfiddle - http://jsfiddle.net/uDEHB/并看到这个截图 - http://prntscr.com/2qwem6检查这些按钮是否存在于你的代码中。 – Nix

机会是你忘了，包括了jQuery UI图像资源。打开你的浏览器开发工具，进入控制台，（至少在Chrome中），你应该看到404错误消息关于缺少资源。

你应该从这里下载完整的jQuery用户界面包： http://jqueryui.com/download/

还要注意的是，除了图标，你没有看到在个别日期或标题中的渐变背景。

来源

2014-02-08 18:47:00

控制台中没有404错误消息。它的空...还我已经使用从你提供的链接下载它的缩小版本... – logan

你的答案帮助我找到我的问题，并解决它。所以，我在下面写了答案。 –

在我的情况下，问题是因为字体错误的Awesome类。当我检查与我的日期选择器的.js文件，我发现箭似：

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

和

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

他们应改为：

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

和

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

所以，只要找到他们把它们全部替换成正确的。希望它也适用于你。

来源

2016-05-04 09:28:40

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

回答

相关问题