Date Picker Range PT

by Rapha Souza

HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.standalone.min.css">
<script	src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://uxsolutions.github.io/bootstrap-datepicker/bootstrap-datepicker/js/locales/bootstrap-datepicker.pt-BR.min.js"></script>
<script type="text/javascript" src="http://bancorbras.fluig.com:80/volume/stream/Rmx1aWc=/P3Q9MSZ2b2w9RGVmYXVsdCZpZD0zOTY1NyZ2ZXI9MTAwMCZmaWxlPWJvb3RzdHJhcC1kYXRlcGlja2VyLmpzJmNyYz01NjQzNzgxMTgmc2l6ZT0wLjA1NTk5NiZ1SWQ9MjU2JmZTSWQ9MSZ1U0lkPTEmZD1mYWxzZSZ0a249JnB1YmxpY1VybD10cnVl.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Page 2</title>
</head>
<body>
<div class="input-group input-daterange">
  <input id="startDate1" name="startDate1" type="text"
			class="form-control" readonly >
  <span
			class="input-group-addon"> <span
			class="glyphicon glyphicon-calendar"></span> </span> <span class="input-group-addon">to</span>
  <input id="endDate1"
			name="endDate1" type="text" class="form-control"  readonly>
  <span class="input-group-addon"> <span
			class="glyphicon glyphicon-calendar"></span> </span> </div>

<div class="form-group col-md-3">
<label>Exibir</label>
<input type="text" class="form-control" id="exibir">
</div>

<input type="button" id="botao" name="botao" value="botao" onclick="calcularDatas();">

<script>

function calcularDatas(){


var dat1 = document.getElementById("startDate1").value;
var date1 = new Date(dat1);
alert("1"+date1);
var dat2 =...

JavaScript

$(document).ready(function() {
			 $('.input-daterange').datepicker({
       		  format: "dd/mm/yyyy",
    				startDate: "today",
    				language: "pt-BR",
    				multidateSeparator: "dates+Disabled",
    				daysOfWeekDisabled: "0,6",
    				daysOfWeekHighlighted: "0,6",
    				todayHighlight: true,
 						getValue: function() {
    if ($('#startDate1').val() && $('#endDate1').val())
      return $('#startDate1').val() + ' até ' + $('#endDate1').val();
    else
      return '';
  },
  					setValue: function(s, s1, s2) {
    $('#startDate1').val(s1);
    $('#endDate1').val(s2);
    
  }
       
       
              });
		});