Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在完整日历中将特定日期设置为活动日期?_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 如何在完整日历中将特定日期设置为活动日期?

Javascript 如何在完整日历中将特定日期设置为活动日期?,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我正在我的项目中使用。它工作正常,但我想将特定的一天设置为活动。另外,我想删除拖动选项 如何做到这一点 $(函数(){ /*初始化外部事件 -----------------------------------------------------------------*/ 函数ini_事件(ele){ 元素每个(函数(){ //创建一个事件对象(http://arshaw.com/fullcalendar/docs/event_data/Event_Object/) //它不需要有开始或结束

我正在我的项目中使用。它工作正常,但我想将特定的一天设置为活动。另外,我想删除拖动选项

如何做到这一点

$(函数(){
/*初始化外部事件
-----------------------------------------------------------------*/
函数ini_事件(ele){
元素每个(函数(){
//创建一个事件对象(http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
//它不需要有开始或结束
var eventObject={
title:$.trim($(this).text())//使用元素的文本作为事件标题
};
//将事件对象存储在DOM元素中,以便我们以后可以访问它
$(this).data('eventObject',eventObject);
/*//使用jQuery UI使事件可拖动
$(此)。可拖动({
zIndex:1070,
revert:true,//将导致事件返回其初始状态
revertDuration:0//拖动后的原始位置
});*/
});
}
ini#U事件($('#外部事件div.external-event');
/*初始化日历
-----------------------------------------------------------------*/
//日历事件的日期(虚拟数据)
变量日期=新日期();
var d=date.getDate(),
m=date.getMonth(),
y=日期。getFullYear();
$(“#日历”).fullCalendar({
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“月,agendaWeek,agendaDay”
},
按钮文字:{
今天:"今天",,
月:'月',
周:“周”,
day:“day”
},
//随机默认事件
活动:[
{
标题:“,
开始日期:新日期(,),
全天:错,
背景色:“#0073b7”//蓝色
边框颜色:“0073b7”//蓝色
},
],
是的,
可拖放:true,//这允许将内容拖放到日历上!!!
drop:function(date,allDay){//在删除某些内容时调用此函数
//检索已删除元素的存储事件对象
var originalEventObject=$(this.data('eventObject');
//我们需要复制它,这样多个事件就不会引用同一个对象
var copiedEventObject=$.extend({},originalEventObject);
//将其指定为报告的日期
copiedEventObject.start=日期;
copiedEventObject.allDay=全天;
copiedEventObject.backgroundColor=$(this.css(“背景色”);
copiedEventObject.borderColor=$(this.css(“边框颜色”);
//在日历上呈现事件
//最后一个'true'参数确定事件是否“持续”(http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
$(“#calendar”).fullCalendar('renderEvent',copiedEventObject,true);
//是否选中了“删除后删除”复选框?
如果($('#drop remove')。是(':checked')){
//如果是,请从“可拖动事件”列表中删除该元素
$(this.remove();
}
}
});
/*添加事件*/
var currColor=“#3c8dbc”//默认为红色
//颜色选择器按钮
var colorChooser=$(“#颜色选择器btn”);
$(“#颜色选择器>li>a”)。单击(函数(e){
e、 预防默认值();
//保存颜色
currColor=$(this.css(“color”);
//向按钮添加颜色效果
$('#添加新事件').css({“背景色”:currColor,“边框色”:currColor});
});
$(“#添加新事件”)。单击(函数(e){
e、 预防默认值();
//获取值并确保它不为null
var val=$(“#新事件”).val();
如果(val.length==0){
返回;
}
//创建事件
变量事件=$(“”);
css({“background color”:currColor,“border color”:currColor,“color”:“#fff”}).addClass(“外部事件”);
html(val);
$(“#外部事件”)。前置(事件);
//添加可拖动功能
ini_事件(事件);
//从文本输入中删除事件
$(“#新事件”).val(“”);
});
});