Datepicker com Java Script não funciona

Programação Java
, , , ,
#1

Pessoal, uso thymeleaf, spring mvc,hibernate,jpa,bootstrap e estou tentando criar um datepicker colocando os ‘links’ no layout-padrao.html para utilizar em todas as paginas;

layout-Padrao

<link rel="stylesheet" th:href="@{/layout/css/redmond/jquery-ui-1.10.1.custom.css}" />    
<script th:src="@{/layout/vendors/bootstrap/css/bootstrap-datepicker.js}"></script>
<script th:src="@{/layout/vendors/bootstrap/css/bootstrap-datepicker.standalone.min.css}">
</script>	
<script th:src="@{/layout/vendors/bootstrap/css/bootstrap-min.css}"></script>

<script type="text/javascript">
$(function () {
    $('#datepicker').datetimepicker();
});
 **ou**
$(document).ready(function(e) {
    $("#datepicker").datepicker({
        dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],
        dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado'],
        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],
        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
        dateFormat: 'dd/mm/yy',
        nextText: 'Próximo',
        prevText: 'Anterior'
    });
});
</script>

Form do cadastro

<div class="col-sm-2">
	<div class="form-group">
		<label id="dataPagamento">Data Pagamento</label>
		<input id="dataPagamento" class="form-control datepicker" type="text" th:field="*{dataPagamento}"  />
	</div>
</div>

Observação: Não tenho certeza se os links estão preenchidos com os arquivos corretos.

#2

Exclui todo codigo acima e adicionei estes;

                <div class="col-sm-2">
					<div class="form-group">
						<label id="calendario">Data Pagamento</label>
						<input id="calendario" class="form-control datepicker" type="text" th:field="*{dataPagamento}"  />
					</div>
				</div>

// Linha abaixo não pode ser adicionado no layout-padrao.html , teve que ser adicionado diretamente na pagina de cadastro.
<script th:src="@{/layout/vendors/bootstrap/css/bootstrap-datepicker.js}"></script>

$(function() {
    $( "#calendario" ).datepicker();
});
</script>