Ir para conteúdo
Álef Henrique

Data não aceita dias abaixo do dia 20

Recommended Posts

Olá! Estou com um pequeno problema, é o seguinte, quando tento colocar uma data abaixo do dia 20 na seguinte função abaixo (Parte em NEGRITO) ela não funciona. 

O back-end anterior fez da seguinte forma:
(Dexei um arquivo com o código todo em anexo.)

function getTimeRemaining(endtime){
  var t = Date.parse(endtime) - Date.parse(new Date());
  return {
    'total': t,
    'days': Math.floor( t / (1000 * 60 * 60 * 24) ),
    'hours': Math.floor( (t / (1000 * 60 * 60) ) % 24 ),
    'minutes': Math.floor( (t / 1000 / 60) % 60 )
  };
}
// City Selector
    $(function () {
      var events_informations = {
        'belo-horizonte': {
          'title': 'Belo Horizonte',
          'date': '08/07/2017',
          'place': 'Dayrell Hotel - a partir das 8:00',
          'imagePath': 'img/cities/bh/belo-horizonte-2.jpg',
          'btnBuyNow': 'https://www.sympla.com.br/',
          'btnDestinePage': '/belo-horizonte',
          'mapPlace': {lat: -19.9226186, lng: -43.9401089},
          'datetime': 'June 20 2017 8:30:00 GMT-03:00'
        }
      };
function getNextDestines(events_informations) {
  var nextDestines = [];
  var keys = Object.keys(events_informations);
  for (var i = 0; i < keys.length; i++) {
    var today = new Date();
    var date = new Date(events_informations[keys]['datetime']);
    if (date.getTime() > today.getTime() && date.getDate() > today.getDate()) {
      nextDestines = [events_informations[keys], events_informations[keys[i+1]], events_informations[keys[i+2]], events_informations[keys[i+3]]];
      break;
    }
  }
  return nextDestines;
};

Será que vocês podem me ajudar nessa?
Muito obrigado!

main.js

Editado por Gabriel Heming
adicionar marcação de código

Compartilhar este post


Link para o post
Compartilhar em outros sites

troque:


 

 'datetime': 'June 20 2017 8:30:00 GMT-03:00'

por:

 'datetime': new Date(2017,5,20,8,30).toISOString()

e ai você troca os números.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado pela ajuda Willian, mas infelizmente ainda continua dando o erro.
Quando troco a data do dia para alguma data abaixo do dia 20 some. Eu queria colocar dia 8. você sabe oque pode ser?

Ficou da seguinte forma:
 

// City Selector
    $(function () {
      var events_informations = {
        'belo-horizonte': {
          'title': 'Belo Horizonte',
          'date': '08/07/2017',
          'place': 'Dayrell Hotel - a partir das 8:00',
          'imagePath': 'img/cities/bh/belo-horizonte-2.jpg',
          'btnBuyNow': 'https://www.sympla.com.br/',
          'btnDestinePage': '/belo-horizonte',
          'mapPlace': {lat: -19.9226186, lng: -43.9401089},
          'datetime': new Date(2017,7,8,8,30).toISOString()
        }

 

Editado por Gabriel Heming
adicionar marcação de código

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não.. meio difícil dizer.. pode ser que não tenha dados para trazer.

 

aparece algo no console de erros? Ctrl + Shift +J no Firefox ou Chrome?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta ver se os formatos dessas datas estão batendo:

var today = new Date();
var date = new Date(events_informations[keys]['datetime']);

vai saber né rsrs...

Tenta tirar o break e colocar um else também:

if (date.getTime() > today.getTime() && date.getDate() > today.getDate()) {
      nextDestines = [events_informations[keys], events_informations[keys[i+1]], events_informations[keys[i+2]], events_informations[keys[i+3]]];
      break;
    }

Boa sorte!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Infelizmente ainda não deu, vou postar o código todo pra vocês dar uma olhada. 
Me parece que eu entendi um pouco oque o web anterior fez, me parece que tinha mais unidades, outras cidades e ele ia mudando de acordo com o tempo. Agr já não aceita abaixo do dia 25, será como posso resolver este problema?
Segue o Código: 

 

var map;
var marker;
(function($){
  $(document).ready(function (){

    // Scrool button
    $('a.see-btn').click(function(){
      var topCount = ( $ ( $.attr(this, 'href') ).offset().top ) +1;
      $('html, body').animate({ scrollTop: topCount }, 1000);
      return false;
    });

    $('a.scroll-btn').click(function(){
      var topCount = ( $ ( $.attr(this, 'href') ).offset().top ) -150;
      $('html, body').animate({ scrollTop: topCount }, 1000);
      return false;
    });

    //Tooltips
    $(function () {
      $('[data-toggle="tooltip"]').tooltip()
    });

    // City Selector
    $(function () {
      var events_informations = {
        'belo-horizonte': {
          'title': 'Belo Horizonte',
          'date': '21/06/2017',
          'place': 'Dayrell Hotel - a partir das 8:30',
          'imagePath': 'img/cities/bh/belo-horizonte-2.jpg',
          'btnBuyNow': 'https://www.sympla.com.br/',
          'btnDestinePage': '/belo-horizonte',
          'mapPlace': {lat: -19.9226186, lng: -43.9401089},
          'datetime': 'july 25 2017 00:00 GMT-03:00'
        }
      };

      $('.btn-city').on('click', function() {
        var city = $(this).attr('data-id');
        $('#event-city').html(events_informations[city]['title']);
        $('#event-date').html(events_informations[city]['date']);
        $('#event-place').html(events_informations[city]['place']);
        $('.destinations').css('background-image', 'url("'+events_informations[city]['imagePath']+'")');
        $('#btnBuyNow').attr('href', events_informations[city]['btnBuyNow']);
        $('#btnDestinePage').attr('href', events_informations[city]['btnDestinePage']);
        map.setCenter(events_informations[city]['mapPlace']);
        marker.setPosition(events_informations[city]['mapPlace']);
        if ( events_informations[city]['mapZoom'] ){
          map.setZoom(events_informations[city]['mapZoom']);
          marker.setPosition({lat: -1, lng: -1});
        }
        else{
          map.setZoom(15);
        };
      });

      var nextDestines = getNextDestines(events_informations);

      initializeClock(nextDestines);

      var timeinterval = setInterval(function(){
        initializeClock(nextDestines);
      },30000);

    });

    // Scrool Navbar
    $(window).scroll(function(){
      var vh = $('#hero + *').offset().top;
      var scroll_top = $(window).scrollTop();
      var jqObject = $('.navbar')
      if(scroll_top > vh){
        jqObject.removeClass('top-position');
      } else{
        $('.navbar-default').addClass('top-position');
      }
    });

  });
})(jQuery);

function getTimeRemaining(endtime) {
  var t = Date.parse(endtime) - Date.parse(new Date());
  return {
    'total': t,
    'days': Math.floor(t / (1000 * 60 * 60 * 24)),
    'hours': Math.floor((t / (1000 * 60 * 60)) % 24),
    'minutes': Math.floor((t / 1000 / 60) % 60)
  };
}

function initializeClock(next) {
  for (let i = 0 ; i < next.length ; i++) {
    if (i == 0) {
      var t = getTimeRemaining(next[0].datetime);
      $('.nextCity').text(next[0].title);
      $('.nextCityPage').attr('href', next[0].btnDestinePage);
      $('#futureDestinationBtn').attr('href', next[0].btnBuyNow);
      $('#nextDays').text(t.days);
      $('#nextHours').text(t.hours);
      $('#nextMinutes').text(t.minutes);
      if (t.days > 0) {
        $('#nextDaysNavTop').html('o evento vai acontecer em <strong>'+ t.days +'</strong> dias');
      }
      else {
        $('#nextDaysNavTop').html('<strong>amanhã</strong>');
      }
    }
    else {
      var t = getTimeRemaining(next[i].datetime);
      console.log(next[i].title);
      $('#commingSoonCity'+i).text(next[i].title);
      $('#commingSoon'+i).text(t.days);
      $('#commingSoonCityPage'+i).attr('href', next[i].btnDestinePage);
    }
  }
};

function getNextDestines(events_informations) {
  var nextDestines = [];
  var keys = Object.keys(events_informations);
  for (var i = 0; i < keys.length; i++) {
    var today = new Date();
    var date = new Date(events_informations[keys[i]]['datetime']);
    if (date.getTime() > today.getTime() && date.getDate() > today.getDate()) {
      nextDestines = [events_informations[keys[i]], events_informations[keys[i+1]], events_informations[keys[i+2]], events_informations[keys[i+3]]];
      break;
    }
  }
  return nextDestines;
};

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por tiagocaus
      Ao desmarcar um checkbox o calculo não está sendo feito da forma correta.

      Não consegui identificar o problema, poderia ajudar?


      Link do código:https://jsfiddle.net/cwsmo4et/


      Obrigado.
    • Por Bruno123
      Olá, estou com uma dúvida na hora  de retornar se o número é primo ou não, poderiam me ajudar por gentileza ? Obrigado !
      <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <script src="javascript.js"></script> </body> </html> 'use strict' let num = prompt("Insira um número:"); let c = 0; for (i = 1; i <= num; i++) { if (num % i == 0) { c++; } } if (c == 2) { alert ("É PRIMO") } else { alert("NÃO É PRIMO") }  
    • Por user32
      Olá pessoal,
      sempre fui um curioso na programação e agora estou começando entender o javascript.
       
      edit:
      como eu consiguiria fazer a variavel buscar alem de 9... como numeros como 10-20, 20-30 ?
      toda ajuda é bem vinda, desde já agradeço
       
       
      <script type="text/javascript"> function funcao1() { var num1 = Number(document.getElementById("num1").value); var elemResult = document.getElementById("total"); var d90 = /[0-3]/; var d80 = /[4-5]/; var d70 = /[6-9]/; if (d90.test(num1)) { elemResult.innerText = String(num1 * "1") + "."; } else if (d80.test(num1)) { elemResult.innerText = String(num1 * "2") + "."; } else if (d70.test(num1)) { elemResult.innerText = String(num1 * "3") + "."; } else { // IE elemResult.innerText = String(num1 * "5") + "."; } } </script>  
    • Por clickanapolis
      Bom dia, no meu site coloquei ao clicar no link ele vai para uma div dentro da propria pagina, visto que a mesma e uma unica pagina.
       
      O problema é que quando clica no link ele esta parando fora do inicio da div, o que devo fazer?
       
      <script type="text/javascript"> jQuery(document).ready(function ($) { $(".scroll").click(function (event) { event.preventDefault(); $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000); }); }); </script> e chamo o link assim:
       
      <li><a href="#acimetech" class="scroll">A Cimetech</a></li>  
    • Por Kelven
      Galera to enfrentando um problema, no meu tumblr to querendo colocar o popup de newsletter do Mailchimp, até ai tudo bem, é pra funcionar que nem no script abaixo, porém esse script só funciona se eu excluir aquela parte que está marcada, porém se eu excluir ela o tema do tumblr não funciona como deveria em celulares. Alguém sabe me dizer que tipo de conflito é esse e como posso resolver???
      <script type='text/javascript' src='http://space.fitterbiz.com/wp-includes/js/wp-embed.min.js?ver=4.9.10'></script> <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script> <script> function showMailingPopUp() { require( ["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us14.list-manage.com","uuid":"7f359a9e538573b27c9e39820","lid":"e64535f817"}) } ); document.cookie = 'MCPopupClosed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;'; document.cookie = 'MCPopupSubscribed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;'; } document.getElementById("open-popup").onclick = function() {showMailingPopUp()}; </script> <a onclick="showMailingPopUp(); return false;" id="open-popup" style="cursor:pointer">Subscribe!</a> <!-- quando coloco isso não funciona --> <script src="https://static.tumblr.com/xlsgtjb/mt5o305mz/scripts.min.js" charset="UTF-8"></script> <!-- quando coloco isso não funciona -->
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.