Path: C:\
<!DOCTYPE html>
<html lang='pt-br'>
<head>
<meta http-equiv='Refresh'>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
<title>TransWar</title>
<link rel="icon" type="image/png" href="images/favicon.ico">
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<link href='css/redmond/jquery-ui-1.10.1.custom.css' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<link href="css/theme.css" rel="stylesheet">
<link href="css/signin.css" rel="stylesheet">
<script src='js/jquery-3.3.1.min.js'></script>
<script src='js/jquery-ui.js' type='text/javascript'></script>
<script src="js/ie-emulation-modes-warning.js"></script>
<script src="js/jquery.mask.js"></script>
<script src="js/ui.datepicker-pt-BR.js"></script>
<script type="text/javascript">
$(function() {
var dates = $( "#from, #to" ).datepicker({
altField: '#dia2', defaultDate: null, setDate:null,
altField: '#dia1', defaultDate: null, setDate:null,
showOtherMonths: true,
maxDate: "0d",
minDate: new Date(2019, 0, 1),
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',
onSelect: function( selectedDate ) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});
$("input[type=submit]").click(function(){
$('#carga').show();
var di = $("#from").val();
var df = $("#to").val();
document.getElementById('dia1').value=di;
document.getElementById('dia2').value=df;
});
});
function showCarga()
{
document.getElementById('carga').style.display="block";
}
function hideCarga()
{
document.getElementById('carga').style.display="none";
}
</script>
<style>
#listafornecedores, #gruforne { width:70%;height:25px; }
</style>
</head>
<aside role="complementary" class="col-md-9">
<div class="row">
<div class="col-md-12" align="center">
<form id="form" name="form" method="post" action="API16.php">
<div id="from" class="col-md-4" align="center">
<font size="4"><strong>Data Inicial:</strong></font><br>
<input type='hidden'name='dia1'id='dia1' required>
</div>
<div id="to" class="col-md-4" align="center">
<font size="4"><strong>Data Final:</strong></font><br>
<input type='hidden'name='dia2'id='dia2' required>
</div>
<div class="col-md-4" align="center">
<table width="100%">
<tr><td align="center" >
<input type="submit" name="Data" id="Data" class="button2" value="OK" onclick='javascript:showCarga()'/>
<div align="center" class="loading" id="carga" >
<img class="imgloading" src="../images/tempo.gif" style="height:30; width:240">
</div>
</td></tr>
</table>
</div>
</form>
</div>
</div>
</aside>
<div id="resultados"></div>
<br />
<script src="js/bootstrap.min.js"></script>
<script src="js/docs.min.js"></script>
<script src="js/ie10-viewport-bug-workaround.js"></script>
</html>