我是日期时间选择器的 jquery。它工作正常,但是,上个月或下个月的图标没有显示,如图所示。但是当我点击无图片区域时它也可以工作。
我需要在 Angular 落显示图片,如图所示。请指出问题出在哪里..
我是从http://trentrichardson.com/examples/timepicker/下载的
我的代码:
<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>
最佳答案
您很可能忘记包含 jQuery UI 图像资源。打开您的浏览器开发工具,转到控制台,然后(至少在 Chrome 中)您应该会看到关于缺少资源的 404 错误消息。
您应该从这里下载完整的 jQuery UI 包: http://jqueryui.com/download/
另请注意,除了图标之外,您在各个日期或标题中看不到渐变背景。
关于javascript - JQuery 日期时间选择器布局格式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21650237/