如何使用js在日历中选择一周? [英] How to select a week in calendar using js?
本文介绍了如何使用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屋!
查看全文