Как выбрать неделю в календаре, используя js? - PullRequest
Новая
       20

Как выбрать неделю в календаре, используя js?

0 голосов
/ 07 марта 2020

Код моего календаря: 

<script>

  $(document).ready(function() {
 var events = <?php echo json_encode($data) ?>;
    $('#calendar').fullCalendar({
      header: {
        left: 'prev,next',
        center: 'title',
        right: ''
      },
      defaultDate: new Date(),
       // can click day/week names to navigate views
      editable: true,
      eventLimit: true,
      droppable: true,  // allow "more" link when too many events
      dayClick: function(date, jsEvent, view) {

        $("#successModal").modal("show");
        $("#eventDate").val(date.format());

      },
     events    : events
  });

  });

</script>

просмотр кода страницы: 

<div id='calendar'></div></div>

Это код выбора недели в этом календаре с использованием js. я устал использовать какой-то код, но он не работает хорошо

1 Ответ

0 голосов
/ 09 марта 2020

Это может помочь вам выбрать целую неделю в календаре, используя jQuery

HTML

<div class="row">
    <div class="col-lg-2">
        <input type="week" value="@week" class="form-control" id="Week" />
    </div>
</div>

CSS 

/* Week picker */
.datepicker-days > table > tbody > tr:hover {
    background-color: #808080;
}

JavaScript

$(document).ready(function () {
    // Add weekpicker
    $('#Week').datepicker({
       calendarWeeks: true,
       weekStart: 1
    });
});

$('#Week').on('changeDate', function (e) {
    var value = $("#Week").val();
    var year = moment().format('YYYY');
    var week = moment(e.date).format('WW');
    $("#Week").val(year + '-W' + week);
});
...