0
      <div class="input-group" id="DateDemo">
          <input type='text' id='weeklyDatePicker' placeholder="Select Week" />
      </div>

  $(document).ready(function(){

  $("#weeklyDatePicker").datepicker({
      format: 'dd/mm/yyyy'
  });

    $('#weeklyDatePicker').change(function(event) {

      var value = $("#weeklyDatePicker").val();
      var firstDate = moment(value, "D/mm/Y").day(0).format("D/mm/Y");
      console.log(firstDate);
      var lastDate =  moment(value, "D/mm/Y").day(6).format("D/mm/Y");
      $("#weeklyDatePicker").val(firstDate + " - " + lastDate);
  });
});

Estou querendo pegar o intervalo de uma semana com jquery utilizando o plugin moment().

Ex: Supondo que minha o domingo da minha semana começa 01 e vai ate o sábado dia 07. Quando eu selecionar uma data nesse intervalo ele me der o dia que começar e termina essa semana.

2 Respostas 2

1

Provavelmente seu problema é na formatação da data.

Por favor, veja se esse código resolve:

HTML:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/momentjs/2.10.6/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"> </script> 

<div class="input-group" id="DateDemo">
     <input type='text' id='weeklyDatePicker' placeholder="Selecione a Semana" />
</div>

JavaScript:

 $(document).ready(function(){

 $("#weeklyDatePicker").datetimepicker({
     format: 'DD-MM-YYYY'
 });

 $('#weeklyDatePicker').on('dp.change', function (e) {
     var value = $("#weeklyDatePicker").val();
     var firstDate = moment(value, "DD-MM-YYYY").day(0).format("DD-MM-YYYY");
     var lastDate =  moment(value, "DD-MM-YYYY").day(6).format("DD-MM-YYYY");
     $("#weeklyDatePicker").val(firstDate + " - " + lastDate);
 });
});

Segue exemplo funcionando JSFiddle

1

Utilize o método getDate do datepicker para passar a data corretamente para o moment e use o método weekday.

Segue exemplo de código:

 $(document).ready(function(){

  $("#weeklyDatePicker").datepicker({
      format: 'DD/MM/YYYY'
  });

    $('#weeklyDatePicker').change(function(event) {   
      var value = $(this).datepicker('getDate');
      var firstDate = moment(value).weekday(0).format('DD/MM/YYYY')
      
      var lastDate =  moment(value).weekday(6).format('DD/MM/YYYY')
      $("#weeklyDatePicker").val(firstDate + " - " + lastDate);
  });
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.min.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
</script>


<div class="input-group" id="DateDemo">
    <input type='text' id='weeklyDatePicker' placeholder="Select Week" />
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .