jquery物品渲染不當

我正在使用jqueryui api的谷歌，但我使用的項目呈現不當。這裏是我的引用：jquery物品渲染不當

<script 
    type="text/javascript" 
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script 
    type="text/javascript" 
    src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 
<script>

我真的只是複製粘貼的模式窗體對話的代碼，發現這裏：http://jqueryui.com/demos/dialog/#modal-form

我的日期選擇器的代碼是：

$(document).ready(function() { 
    $("#datepicker").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     dateFormat: "MM d, yy" 
    } 
    ); 
});

然而，這些項目的渲染沒有任何可辨別的背景，如截圖所示。我一直在拼命想弄清楚爲什麼。謝謝。 enter image description here