Informar no html, o estilo visual que será usado (theme). Para isso importar a classe da seguinte forma:
<link rel="stylesheet" type="text/css" href="/css/ui-lightness/jquery-ui-1.10.4.custom.css" />
Importar o javaScript da biblioteca jQuery assim:
<script type= "text/javascript" src= "/static/jquery/jquery.min.js"></script>
Importar o arquivo da jQuery UI assim:
<script type= "text/javascript" src= "/static/js/jquery-ui.min.js">></script>
Veja abaixo com fica no cabeçalho.
<head>
<title>JQuery Core - Introdução a jQueryUI)</title>
<link rel="stylesheet" type="text/css" href="/css/ui-lightness/jquery-ui-1.10.4.custom.css" />
<link rel="stylesheet" type="text/css" href="/static/css/style_jQuery-ui.css" />
<script type= "text/javascript" src= "/static/jquery/jquery.min.js"></script>
<script type= "text/javascript" src= "/static/js/jquery-ui.min.js">></script>
<script type= "text/javascript">
$(function(){
$("#date").datepicker();
});
</script>
</head>
<body>