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 VCastilho
      Bom Dia

      Desenvolvi um filtro HTML e estou com dificuldades em criar o JavaScript para o funcionamento do mesmo, poderiam em ajudar a criar esse JS?
      Segue o código:
       
      <div id = "filtro"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style disabled> #filtro { border-style:double; } #button1 { width: 120px; position: inherit; right: 10px; background-color: #e00505; font-size: 12px; FLOAT: right } h4 { font-size: 18px; border-style: inset; } select { border: 1px solid #000; box-sizing: border-box; width: 124px; border-radius: 5px; height: 25px; padding: 3px; } section label { width: calc(100% / 4); color: red; text-align: center; } section { display: flex; flex-wrap: wrap; } h4/ { border-style:double; } @media screen and (max-width:768px) { section label { margin-bottom: 20px; width: 100%; } } </style> <h4 style="text-align: center;">Personalize o seu Kit de Segurança</h4><br><br> <form action="#" id="form"> <section> <label> <b> Tipo do seu Kit </b><br> <select name="speed" id="speed" style=" "> <option desable>Selecione</option> <option>Residencial</option> <option>Comercial</option> </select> </label> <label> <b>Qualidade de Seu Kit</b><br> <select name="files" id="files" style=" "> <option desable> Selecione </option> <option value="HD">HD</option> <option value="Full HD">Full HD</option> <option value="Analógica">Analógica</option> </select> </label> <label> <b> Quantidade de Câmeras </b><br> <select name="number" id="number" style=" "> <option desable> Selecione </option> <option>1 Câmera</option> <option>2 Câmeras</option> <option>3 Câmeras</option> <option>4 Câmeras</option> <option>5 Câmeras</option> <option>6 Câmeras</option> <option>7 Câmeras</option> <option>8 Câmeras</option> <option>9 Câmeras</option> <option>10 Câmeras</option> <option>11 Câmeras</option> <option>12 Câmeras</option> <option>13 Câmeras</option> <option>14 Câmeras</option> <option>15 Câmeras</option> <option>16 Câmeras</option> </select> </label> <label> <b> Selecione a Marca </b><br> <select name="salutation" id="salutation"> <option desable selected>Selecione</option> <option>Intelbras</option> <option>Hikvision</option> <option>Outras</option> </select> </label> </section> <BR> <BR> </form> </div> <br> <br> <button class="kd-filter-button" id="button1">Ver resultados</button> Seria bom, se possível o botão funcionar fora da tag "form" pois para personalizar fica melhor

       
    • Por _badi_
      Preciso de ajuda! Pode parecer uma dúvida besta, mas sou nova nessa área e não estou conseguindo resolver essa questão da facul!
      A questão é:
      1)      Faça o fluxograma e depois faça o código em Javascript de um programa  que lê  3 notas obtidas por um aluno e depois calcule  e imprima a média dos para avaliação, usando  a fórmula abaixo. Imprimir depois o conceito, conforme a tabela abaixo. Use o prompt no javascript e um botão que mostre a média e o conceito depois que do clique no mesmo.
      MA = (Nota1 + Nota2 x 2 + Nota3 x 3 + ME )/7
      Média de Aproveitamento
      Conceito
      10
      A
      7,5 e < 10
      B
      4,0 e < 7,5
      C
      < 4,0
      D
       
      Meu código ficou assim:
       
      <!DOCTYPE html>
      <html>
      <head>
          
      </head>
      <body>
      Para calcular sua media e saber seu conceito, clique no botao abaixo:
      <br>
      <br>
      <button onclick='mostra()'>Try it</button>
      <p id="resp"></p>
      <br>
      <br>
      <script>
          function mostra(){
              var nota1 = prompt ("Digite a nota 1");
              var resp1 = parseInt (nota1);
              var nota2 = prompt ("Digite a nota 2");
              var resp2 = parseInt (nota2);
              var nota3 = prompt ("Digite a nota 3");
              var resp3 = parseInt (nota3);
              var ME = (resp1 + resp2 + resp3)/3;
              var MA = resp1 + (resp2 * 2) + (resp3 * 3) + ME/7;
              if (MA=10) {
                  document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi A!");
              } else if (MA=7.5&&MA<10){
                  document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi B!");
              } else if (MA=4&&MA<7.5){
                  document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi C!");
              } else if (MA<4){
                  document.getElementById("resp").innerHTML=("Sua media foi " + ME + " e seu conceito foi D!");
              }
              } 
          
         </script>

      </body>
      </html>
       
      Mas sempre volta como conceito A, não importa os valores que coloco :(
      Obrigado!
       
    • Por gleidsonb12
      Bom dia amigos, estou iniciando no javascript e tenho seguinte problema, preciso que o javascript mostre uma campo justificativa se a data selecionada no input for superior a 5 dias da data atual.
       
      O script que estou tentando dazer funcionar é este:
       
      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <script> function obtemMes() { var mes = document.getElementById("dataselecionada").value; if (mes<>"2019-03-15"){document.getElementById("mes").style.display = "none";} </script> <div class="form-group col-md-3"> <label>Data</label> <input type="date" id="dataselecionada" class="form-control" onchange="obtemMes()"> </div> <div class="form-group col-md-3" id="mes"> <label>Mes</label> <input type="text" class="form-control"> </div> Qualquer ajuda é bem vinda
    • Por rxmarti
      Saudações, sou novo no forum, mas não em pesquisas e este tem me ajudado muito em meus estudos, mas esbarrei em um problema e não estou encontrando uma solução que eu entenda seu funcionamento, o problema:
       
      O form que estou desenvolvendo em PHP possuí alguns campos checkbox e através de jvs eu consigo habilitá-los ou não por opção sim ou não (radio + onclick):
      <script>
      function enbl(form)
       {
          form.x_daye[0].disabled = false;
          form.x_daye[1].disabled = false;
          form.x_daye[2].disabled = false;
       }
       function disbl(form)
       {
          form.x_daye[0].disabled = true;
          form.x_daye[1].disabled = true;
          form.x_daye[2].disabled = true;
       }
                          
      </script>";  
      <input type=radio name=v_mandaemail value=NAO onClick=disbl(this.form)>NAO
      <input type=radio name=v_mandaemail value=SIM onClick=enbl(this.form)>SIM
           
      <input type=checkbox id=x_daye name=v_exc_day[] value=arq1>arq1
      <input type=checkbox id=x_daye name=v_exc_day[] value=arq2>arq2
      <input type=checkbox id=x_daye name=v_exc_day[] value=arq3>arq3
      ...
       
      Bom, isso está funcionando, mas se houver mais arquivos(arq*) e esta quantidade for listada em um  "while" , como posso fazer que a mesma função oriente qualquer checkbox listado.
       
      Muito grato
       
      RM
       
       
    • Por MateusOFCZ
      Olá, estou desenvolvendo um BOT utilizando java, javascript e node.js, gostaria de saber se tem como eu fazer um painel em java (arquivo executável) onde tem um campo de texto (Que é digitado um tema, exemplo "Brasil"), uma lista com 3 itens (Quem é, O que é e A história do(a), você iria selecionar, por exemplo no campo de texto você digitou "Brasil" e na lista você selecionaria "A história do(a)"...) como faço pra quando clicar no botão "Enviar" ele iria executar um comando em node.js adicionando as informações (Tema e Opção).

       


      Caso não tenha entendido posso tentar explicar de uma forma mais clara!
×

Informação importante

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