Pessoal, estou utilizando varios javascript na minha pagina, porem quando adiciono o javascript de calendario, os outros param de funcionar e vice versa.
Função do Calendario
<script>
$(function() {
$( "#txtData" ).datepicker(
{ closeText: 'Fechar',
prevText: '<Anterior',
nextText: 'Próximo>',
currentText: 'Hoje',
monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho',
'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
'Jul','Ago','Set','Out','Nov','Dez'],
dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 0,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''}
);
$( "#txtData2" ).datepicker(
{ closeText: 'Fechar',
prevText: '<Anterior',
nextText: 'Próximo>',
currentText: 'Hoje',
monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho',
'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
'Jul','Ago','Set','Out','Nov','Dez'],
dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 0,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''}
);
});
</script> Função do Calendario
<script>
$(function() {
$( "#txtData" ).datepicker(
{ closeText: 'Fechar',
prevText: '<Anterior',
nextText: 'Próximo>',
currentText: 'Hoje',
monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho',
'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
'Jul','Ago','Set','Out','Nov','Dez'],
dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 0,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''}
);
$( "#txtData2" ).datepicker(
{ closeText: 'Fechar',
prevText: '<Anterior',
nextText: 'Próximo>',
currentText: 'Hoje',
monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho',
'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
'Jul','Ago','Set','Out','Nov','Dez'],
dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 0,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''}
);
});
</script> E a pagina toda.
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="shortcut icon" href="resources/if.ico">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>GesDoc - Gestao Documental</title>
<style type="text/css">
@import url(styles.css)
</style>
<link rel="stylesheet" href="javascript/calendario/jquery-ui.css" />
<script src="javascript/calendario/jquery-1.8.3.js"></script>
<script src="javascript/calendario/jquery-ui.js"></script>
<!--
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<script src="sliding/jquery.js" type="text/javascript"></script>
<script src="sliding/general.js" type="text/javascript"></script>
<link href="windows8/Style/Interacao.css" rel="stylesheet" type="text/css" />
<link href="windows8/Style/jq-metro.css" rel="stylesheet" type="text/css" />
<script src="windows8/Style/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="windows8/Script/jquery.metro-btn.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#metrobuttons").AddMetroSimpleButton('bt1', 'metro-roxo', 'windows8/Style/Imagem/factory-64.png', 'Departamento', 'd01.jsp');
$("#metrobuttons").AddMetroSimpleButton('bt2', 'metro-laranja', 'windows8/Style/Imagem/coins-64.png', 'Centro de Custo', 'cc01.jsp');
$("#metrobuttons").AddMetroSimpleButton('bt3', 'metro-light_steel_blue', 'windows8/Style/Imagem/etiqueta.png', 'Etiquetas', 'et01.jsp');
$("#metrobuttons").AddMetroSimpleButton('bt4', 'metro-LightSlateGray', 'windows8/Style/Imagem/documento.png', 'Documentos', 'doc01.jsp');
});
</script>
-->
<script>
$(function() {
$( "#txtData" ).datepicker(
{ closeText: 'Fechar',
prevText: '<Anterior',
nextText: 'Próximo>',
currentText: 'Hoje',
monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho',
'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
'Jul','Ago','Set','Out','Nov','Dez'],
dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 0,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''}
);
$( "#txtData2" ).datepicker(
{ closeText: 'Fechar',
prevText: '<Anterior',
nextText: 'Próximo>',
currentText: 'Hoje',
monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho',
'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
'Jul','Ago','Set','Out','Nov','Dez'],
dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 0,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''}
);
});
</script>
</head>
<body>
<div id="paginatop">
<p align="left"><img src="resources/gesdoc.png" ></p>
</div>
<div id="paginatop2">
<a href="index.jsp"><img src="resources/logoff.png"></a>
</div>
<div id="menulateral">
<div id="metrobuttons" class="metro-panel"></div>
<div id="metrobuttons2" class="metro-panel"></div>
</div>
<div id="paginaconteudo">
<div id="inclusaoMeioRodape">
</br>
</br>
<form action="docm.jsp" method="post">
<p align="center"><strong>Cadastro de Documentos</strong></p>
</br>
<p><strong> Codigo de Barras <input name="txtCodBarras" type="text" size="15"></strong>
<strong> Cx.Padrão <input name="txtCxPadrao" type="text" size="7"></strong>
<strong> Cx.Box <input name="txtCxBox" type="text" size="7"></strong>
<strong> Item <input name="txtItem" type="text" size="7"></strong></p>
<p><strong> Coligado <select style=width:250px name="txtColigado">
<option value="null" size="45"></option>
<option value="241" size="35">IF SOLUCTIONS</option>
</select></strong>
<strong> Centro de Custo <select style=width:250px name="txtCentroCusto">
<option value="null" size="45"></option>
<option value="2" size="35">1.0 - COMPRAS</option>
<option value="3" size="35">2.0 - CONTABIL</option>
</select></strong></p>
<strong> Sala <input name="txtSala" type="text" size="7"></strong>
<strong> Estante/Prateleira <input name="txtEstantePrateleira" type="text" size="7"></strong>
<strong> Posição <select style=width:80px name="txtCentroCusto">
<option value="null" size="45"></option>
<option value="0" size="35">0 - Frente</option>
<option value="1" size="35">1 - Átras</option>
</select></strong>
<strong> Cx. Box (Cliente) <input name="txtBoxCliente" type="text" size="7"></strong></p>
<p><strong> Tipo Doc. <select style=width:90px name="txtTipoDoc">
<option value="null" size="45"></option>
<option value="0" size="35">0 - Doc.</option>
<option value="1" size="35">1 - Livro</option>
<option value="1" size="35">2 - Pasta</option>
<option value="1" size="35">3 - Gaveta</option>
</select></strong>
<strong> Numero <input name="txtNumero" type="text" size="7"></strong>
<strong> Assunto <input name="txtAssunto" type="text" size="46"></strong></p>
<p><strong> Início <input name="txtData" id="txtData" type="text" size="7" value=14/03/2014></strong>
<strong> Fim <input name="txtData2" id="txtData2" type="text" size="7" value=14/03/2014></strong></p>
<p align="center"><input type="submit" value=" Salvar "></p>
</form>
</br>
</div>
</div>
</body>
</html> Como posso fazer para todos funcionarem na pasta ?
Grato Pela ajuda.