JSFiddle - React, Tailwind, and code Playground

by João Vicente Machado

HTML

<script src="https://cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css">
<script src="https://cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.14/moment-timezone.min.js"></script>
<br>
<!--
<span>Data: </span>
<span id="myLabel1">1</span>
<br>
<span>Dia Anterior: </span>
<span id="myLabel2">2</span>
<br>
<span>Data isDST: </span>
<span id="myLabel3">3</span>
<br>
<span>DataAnt isDST: </span>
<span id="myLabel4">3</span>
<br>
<span>isInitDST: </span>
<span id="myLabel5">5</span>
<br>
-->
<span>TESTE: </span>
<span id="myLabel6">6</span>

<br>
<p style="margin-left:10px;">
<input type="text" size="50" name="daterange" value="01/10/2017 - 15/10/2017" />
</p>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
force some scrolling

JavaScript

$(function() {
    $('input[name="daterange"]').daterangepicker({
        timePicker: true,
        "locale": {
        "format": "DD/MM/YYYY",
        "separator": " - ",
        "applyLabel": "Aplicar",
        "cancelLabel": "Cancelar",
        "fromLabel": "Dê",
        "toLabel": "Até",
        "customRangeLabel": "Periodo",
        "weekLabel": "S",
        "daysOfWeek": ["D", "S", "T", "Q", "Q", "S", "S"],
        "monthNames": ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez" ],
        "firstDay": 1,
        "timePicker24Hour": true,
        "direction": "ltr"
    },
        ranges: {
           'Hoje': [moment(), moment()],
           'Ontem': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
           'accumulated': [moment().startOf('month').startOf('day'), moment().subtract(1, 'days').endOf('day')],
        }
    });
    
    $(window).scroll(function() {
    	if ($('input[name="daterange"]').length) {
      		$('input[name="daterange"]').daterangepicker("close");
      }
    });
});

function isInitDST(data) {
  $('#myLabel1').text(data);
  var diaAnt = data.subtract(1, 'days');
  $('#myLabel2').text(diaAnt);
	var isInit = (! diaAnt.isDST()) && data.isDST();
  $('#myLabel3').text(data.isDST());
  $('#myLabel4').text(diaAnt.isDST());
  $('#myLabel5').text(isInit);
  
  return isInit;
}


$(document).ready(function () {
  var data = moment([2017, 6, 6]);
  $('#myLabel6').text(data.isDST());   

  //var isInit = isInitDST(data);  
});