如何使用js在日历中选择一周? [英] How to select a week in calendar using js?

问题描述

我的日历代码:

<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在此日历中选择星期的代码.我已经厌倦了使用一些代码，但是效果不佳

These are the code how to select a week in this calendar using js. i have tired using some code but it is not working well

推荐答案

这可以帮助您使用jQuery选择日历中的整个星期

This may help you to select whole week in calendar using 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);
});

这篇关于如何使用js在日历中选择一周?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！