Javascript 如何使用js在日历中选择一周?
我的日历代码:Javascript 如何使用js在日历中选择一周?,javascript,jquery,fullcalendar,fullcalendar-3,Javascript,Jquery,Fullcalendar,Fullcalendar 3,我的日历代码: <script> $(document).ready(function() { var events = <?php echo json_encode($data) ?>; $('#calendar').fullCalendar({ header: { left: 'prev,next', center: 'title', right: '' }, defa
<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>
$(文档).ready(函数(){
var事件=;
$(“#日历”).fullCalendar({
标题:{
左:“上一个,下一个”,
中心:'标题',
对:“”
},
defaultDate:新日期(),
//可以单击天/周名称来浏览视图
是的,
eventLimit:对,
droppable:true,//当事件太多时允许“more”链接
dayClick:函数(日期、事件、视图){
$(#successModal”).modal(“show”);
$(“#eventDate”).val(date.format());
},
事件:事件
});
});
查看页面代码:
<div id='calendar'></div></div>
以下是如何使用js在此日历中选择一周的代码。我已经厌倦了使用一些代码,但它工作得不好这可能会帮助您使用jQuery在日历中选择整个星期 HTML
<div class="row">
<div class="col-lg-2">
<input type="week" value="@week" class="form-control" id="Week" />
</div>
</div>
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);
});
可能的重复:这会有帮助,但这个问题不是answered@Jackya)回答了,只是用户编辑了他的帖子而没有回答。B) 如果没有回答,那么在打开的时候再问一次就没有什么效果了
$(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);
});