FullCalendar:eventColor,eventBackgroundColor, eventBorderColor, and eventTextColor

<!DOCTYPE html>

<html>

<head>

<meta charset='utf-8' />

<title>背景色設定</title>

<link href='../fullcalendar.min.css' rel='stylesheet' />

<link href='../fullcalendar.print.min.css' rel='stylesheet' media='print' />

<script src='../lib/moment.min.js'></script>

<script src='../lib/jquery.min.js'></script>

<script src='../fullcalendar.min.js'></script>

<script>

   // ver 3.1.2 當前最新版本,塗聚文Geovin Du 註

	$(document).ready(function() {

		$('#calendar').fullCalendar({

			header: {

				left: 'prev,next today',

				center: 'title',

				right: 'month,agendaWeek,agendaDay,listMonth'

			},

			defaultDate: '2017-04-12',

			navLinks: true, // can click day/week names to navigate views

			//businessHours: true, // display business hours 默認設置工作時間和日期

			businessHours:{    // days of week. an array of zero-based day of week integers (0=Sunday)   true

                dow: [ 1, 2, 3, 4, 5 ], // Monday - Fri

                start: '09:00', // a start time (09am in this example)

                end: '18:00', // an end time (6pm in this example)

                overlap: false,

               rendering: 'background', //自定背景色

               color: '#ffffe0'

            },

			editable: true,

			events: [

				{

					title: 'Business Lunch',

					start: '2017-04-03T13:00:00',

					constraint: 'businessHours'

				},

				{

					title: 'Meeting',

					start: '2017-04-13T11:00:00',

					constraint: 'availableForMeeting', // defined below

				},

				{

					title: 'Conference',

					start: '2017-04-18',

					end: '2017-04-20'

				},

				{

					title: 'Party',

					start: '2017-04-29T20:00:00'

				},

				// areas where "Meeting" must be dropped

				{

					id: 'availableForMeeting',

					title: 'availableForMeeting',

					start: '2017-04-11T10:00:00',

					end: '2017-04-11T16:00:00',

					//rendering: 'border-color', //自定指定時間段的樣式

					//color: '#ff9f89'

                 //或

                 	//backgroundColor:'#cccccc',

					//textColor:'#ff9f89',

					//borderColor:'#9999f89'

				},

				{

					id: 'availableForMeeting',

					start: '2017-04-13T10:00:00',

					end: '2017-04-13T16:00:00',

					//rendering: 'background-color', //自定指定時間段的樣式

					//color: '#ff9f89'

				},

				// red areas where no events can be dropped

				{

					start: '2017-04-24',

					end: '2017-04-28',

					overlap: false,

				},

				{

					start: '2017-04-06',

					end: '2017-04-08',

					overlap: false,

				}

			],

			//eventColor: '#378006', //

			eventTextColor: 'black',

			eventBorderColor:'red',

			eventBackgroundColor:'green'

		});

	});

</script>

<style type="text/css">

	body {

		margin: 40px 10px;

		padding: 0;

		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;

		font-size: 14px;

	}

	#calendar {

		max-width: 900px;

		margin: 0 auto;

	}

</style>

</head>

<body>

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

</body>

</html>

　　https://fullcalendar.io/docs1/event_data/Event_Source_Object/

color,background-color,border-color

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="fullCalendarTimepicker.aspx.cs" Inherits="fullcalendardemo.fullCalendarTimepicker" %>

<!DOCTYPE html>

<html>

<head id="Head1" runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>ASP.NET FullCalendar</title>

    <link href="ajax/libs/jqueryui/1.12.1/themes/cupertino/jquery-ui.min.css" rel="stylesheet" />

    <link href="ajax/libs/fullcalendar/3.1.1/fullcalendar.min.css" rel="stylesheet" />

    <link href="ajax/libs/qtip2/3.0.3/jquery.qtip.min.css" rel="stylesheet" />

    <link rel="stylesheet" media="all" type="text/css" href="ajax/libs/timepicker/jquery-ui-timepicker-addon.css" />

    <link rel="stylesheet" href="ajax/libs/formValidator/css/validationEngine.jquery.css" type="text/css"  media="screen" charset="utf-8" />

    <style type='text/css'>

        body

        {

            margin-top: 40px;

            text-align: center;

            font-size: 14px;

            font-family: "Lucida Grande" ,Helvetica,Arial,Verdana,sans-serif;

        }

        #calendar

        {

            width: 900px;

            margin: 0 auto;

        }

        /* css for timepicker */

        .ui-timepicker-div dl

        {

            text-align: left;

        }

        .ui-timepicker-div dl dt

        {

            height: 25px;

        }

        .ui-timepicker-div dl dd

        {

            margin: -25px 0 10px 65px;

        }

        .style1

        {

            width: 100%;

        }

        /* table fields alignment*/

        .alignRight

        {

        	text-align:right;

        	padding-right:10px;

        	padding-bottom:10px;

        }

        .alignLeft

        {

        	text-align:left;

        	padding-bottom:10px;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">

    </asp:ScriptManager>

    <div id="calendar">

    </div>

    <div id="updatedialog" style="font: 70% 'Trebuchet MS', sans-serif; margin: 50px;display: none;" title="Update or Delete Event">

        <table class="style1">

            <tr>

                <td class="alignRight">

                    標題:</td>

                <td class="alignLeft">

                    <input id="eventName" type="text" size="33" /><br /></td>

            </tr>

            <tr>

                <td class="alignRight">

                    描述:</td>

                <td class="alignLeft">

                    <textarea id="eventDesc" cols="30" rows="3" ></textarea></td>

            </tr>

            <tr>

                <td class="alignRight">

                    事件類型:</td>

                <td class="alignLeft">

                  <select id="editTypeid" name="editTypeid">

                    <option value="1">公务</option>

                     <option value="2">私务</option>

                    </select>

                   </td>  

            </tr>

              <tr>

                <td class="alignRight">

                    是否全天:</td>

                <td class="alignLeft">

                    <input id="editday" type="checkbox"  name="eidtday"/>

                    </td>

            </tr>

            <tr>

                <td class="alignRight">

                    開始時間:</td>

                <td class="alignLeft">

                    <input id="eventStart"  name="eventStart" class="validate[required,funcCall[validate12time]]" value="" /></td>

            </tr>

            <tr>

                <td class="alignRight">

                    結束時間: </td>

                <td class="alignLeft">

                    <input id="eventEnd" name="eventEnd" class="validate[required,funcCall[validate12time]]" value=""/><input type="hidden" id="eventId" /></td>

            </tr>

        </table>

    </div>

    <div id="addDialog" style="font: 70% 'Trebuchet MS', sans-serif; margin: 50px;" title="Add Event">

    <table class="style1">

            <tr>

                <td class="alignRight">

                    標題:</td>

                <td class="alignLeft">

                    <input id="addEventName" type="text" size="33" /><br /></td>

            </tr>

            <tr>

                <td class="alignRight">

                    描述:</td>

                <td class="alignLeft">

                    <textarea id="addEventDesc" cols="30" rows="3" ></textarea></td>

            </tr>

            <tr>

                <td class="alignRight">

                    事件類型:</td>

                <td class="alignLeft">

                    <select id="addTypeid" name="addTypeid">

                     <option value="1">公务</option>

                     <option value="2">私务</option>

                    </select>

                   </td>

            </tr>

                <tr>

                <td class="alignRight">

                    是否全天:</td>

                <td class="alignLeft">

                <input id="addallday" type="checkbox" name="addallday"/> 

                    </td>

            </tr>

            <tr>

                <td class="alignRight">

                    開始時間:</td>

                <td class="alignLeft">

                    <input id="addEventStartDate" class="validate[required,funcCall[validate2time]]" name="addEventStartDate" value=""/></td>

            </tr>

            <tr>

                <td class="alignRight">

                    結束時間:</td>

                <td class="alignLeft">

                    <input id="addEventEndDate" class="validate[required,funcCall[validate2time]]" name="addEventEndDate" value=""/></td>

            </tr>

        </table>  

    </div>

    <div runat="server" id="jsonDiv" />

    <input type="hidden" id="hdClient" runat="server" />

    </form>  

    <script src="ajax/libs/moment.js/2.18.1/moment.min.js" type="text/javascript"></script>

    <script src="ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>

    <script src="ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>

    <script src="ajax/libs/qtip2/3.0.3/jquery.qtip.min.js" type="text/javascript"></script>

     <script type="text/javascript" src="ajax/libs/timepicker/jquery-ui-timepicker-addon.js"></script>

     <script type="text/javascript" src="ajax/libs/timepicker/i18n/jquery-ui-timepicker-addon-i18n.min.js"></script>

     <script type="text/javascript" src="ajax/libs/timepicker/i18n/jquery-ui-timepicker-zh-CN.js"></script>

     <script type="text/javascript" src="ajax/libs/timepicker/jquery-ui-sliderAccess.js"></script>

    <script src="ajax/libs/fullcalendar/3.1.1/fullcalendar.min.js" type="text/javascript"></script>

    <script src='ajax/libs/fullcalendar/3.1.1/locale-all.js' type="text/javascript"></script>

        <script src="ajax/libs/formValidator/js/jquery.validationEngine.js" type="text/javascript"></script>

     <script src="ajax/libs/formValidator/js/languages/jquery.validationEngine-zh_CN.js" type="text/javascript"></script>

     <script src="ajax/libs/jqueryui/1.12.1/ui/i18n/datepicker-zh-CN.js" type="text/javascript"></script>

    <script src="scripts/calendarscriptTime.js" type="text/javascript"></script>

</body>

</html>

　　calendarscriptTime.js

var currentUpdateEvent;

var addStartDate;

var addEndDate;

var globalAllDay;

var addtypeid;

var addallday;

var dt;

//修改時,穫取值

// 涂聚文 Geovin Du edit 20170417

//增加是否全天,事件類型

function updateEvent(event, element) {

    //alert(event.description);

    if ($(this).data("qtip")) $(this).qtip("destroy");

    currentUpdateEvent = event;

    dt= new Date()

    $('#updatedialog').dialog('open');

    $("#eventName").val(event.title);

    $("#eventDesc").val(event.description);

    $("#eventId").val(event.id);

    $("#eventStart").val("" + $.fullCalendar.formatDate(event.start, "YYYY-MM-DD HH:mm")); //text $.fullCalendar.formatDate(event.start, "YYYY-MM-DD HH:mm")

    $("#eventStart").datetimepicker({ timeInput: true, changeMonth: true, changeYear: true, dateFormat: 'yy-mm-dd', timeFormat: 'HH:mm', hourMin: 5, hourMax: 24, hourGrid: 3, minuteGrid: 15 }); //timeInput: true,

    //$("#eventStart").datetimepicker('setDate', (new Date()));

    $("#editTypeid").val(event.typeid);

    if (event.end === null) {

        $("#eventEnd").val("" + $.fullCalendar.formatDate(dt, "YYYY-MM-DD HH:mm")); //text

    }

    else {

        $("#eventEnd").val("" + $.fullCalendar.formatDate(event.end, "YYYY-MM-DD HH:mm")); //text  event.end.toLocaleString()

        $("#eventEnd").datetimepicker({ timeInput: true, changeMonth: true, changeYear: true, dateFormat: 'yy-mm-dd', timeFormat: 'HH:mm', hourMin: 5, hourMax: 24, hourGrid: 3, minuteGrid: 15 }); //

    }

    $("#editday").prop("checked", event.allDay); //

    return false;

}

function updateSuccess(updateResult) {

    //alert(updateResult);

}

function deleteSuccess(deleteResult) {

    //alert(deleteResult);

}

function addSuccess(addResult) {

    // if addresult is -1, means event was not added

    //    alert("added key: " + addResult);

    if (addResult != -1) {

        $('#calendar').fullCalendar('renderEvent',

                        {

                            title: $("#addEventName").val(),

                            start: addStartDate,

                            end: addEndDate,

                            id: addResult,

                            description: $("#addEventDesc").val(),

                            allDay: $("#addallday").prop('checked'), //  globalAllDay,

                            typeid: $("#addTypeid").val() //addtypeid

                        },

                        true // make the event "stick"

                    );

        $('#calendar').fullCalendar('unselect');

    }

}

function UpdateTimeSuccess(updateResult) {

    //alert(updateResult);

}

//

$("#addEventStartDate").datetimepicker({

    timeInput: true,

    changeMonth: true,

    changeYear: true,

    dateFormat: 'yy-mm-dd',

    timeFormat: 'HH:mm', hourMin: 5, hourMax: 24, hourGrid: 3, minuteGrid: 15

});

//

$("#addEventEndDate").datetimepicker({

    timeInput: true,

    changeMonth: true,

    changeYear: true,

    dateFormat: 'yy-mm-dd',

    timeFormat: 'HH:mm', hourMin: 5, hourMax: 24, hourGrid: 3, minuteGrid: 15

});

//選擇時，穫取值

function selectDate(start, end, allDay, typeid) {

    //$('#addEventStartDate').datetimepicker();

    $('#addDialog').dialog('open');

    $("#addEventStartDate").val("" + $.fullCalendar.formatDate(start, "YYYY-MM-DD HH:mm")); //text //標簽span $.fullCalendar.formatDate(start, "yyyy/MM/dd HH:mm");

    $("#addEventEndDate").val("" + $.fullCalendar.formatDate(end, "YYYY-MM-DD HH:mm")); //text $.fullCalendar.formatDate(end, "yyyy/MM/dd HH:mm");

    //$("#addEventStartDate").datetimepicker('setDate', $.fullCalendar.formatDate(start, "YYYY-MM-DD HH:mm")); //設置值,日期格式還存在不相符問題

    addStartDate = start;

    addEndDate = end;

    globalAllDay = allDay;

    addtypeid = typeid;

    //alert(allDay);

}

function updateEventOnDropResize(event, allDay) {

    //alert("allday: " + allDay);

    var eventToUpdate = {

        id: event.id,

        start: event.start

    };

    if (event.end === null) {

        eventToUpdate.end = eventToUpdate.start;

    }

    else {

        eventToUpdate.end = event.end;

    }

    var endDate;

    if (!event.allDay) {

        endDate = new Date(eventToUpdate.end + 60 * 60000);

        endDate = endDate.toJSON();

    }

    else {

        endDate = eventToUpdate.end.toJSON();

    }

    eventToUpdate.start = eventToUpdate.start.toJSON();

    eventToUpdate.end = eventToUpdate.end.toJSON(); //endDate;

    eventToUpdate.allDay = event.allDay;

    PageMethods.UpdateEventTime(eventToUpdate, UpdateTimeSuccess);

}

function eventDropped(event, dayDelta, minuteDelta, allDay, revertFunc) {

    if ($(this).data("qtip")) $(this).qtip("destroy");

    updateEventOnDropResize(event);

}

function eventResized(event, dayDelta, minuteDelta, revertFunc) {

    if ($(this).data("qtip")) $(this).qtip("destroy");

    updateEventOnDropResize(event);

}

//隻可輸入數字，字母，中文，中文標點符號 20170417 塗聚文 EDIT

function checkForSpecialChars(stringToCheck) {

    var pattern = /[^A-Za-z0-9 |\u4e00-\u9fa5|\u3002|\uff1f|\uff01|\uff0c|\u3001|\uff1b|\uff1a|\u201c|\u201d|\u2018|\u2019|\uff08|\uff09|\u300a|\u300b|\u3008|\u3009|\u3010|\u3011|\u300e|\u300f|\u300c|\u300d|\ufe43|\ufe44|\u3014|\u3015|\u2026|\u2014|\uff5e|\ufe4f|\uffe5]/;  //A-Za-z0-9

    return pattern.test(stringToCheck);

}

//判斷是否整天時間(根据開始時間和結束時間)

function isAllDay(startDate, endDate) {

    var allDay;

    //startDate.format("HH:mm:ss") == "00:00:00" && endDate.format("HH:mm:ss") == "00:00:00"

    if (getDiffIntHour(startDate, endDate))

    {

        allDay = true;

        globalAllDay = true;

    }

    else {

        allDay = false;

        globalAllDay = false;

    }

    return allDay;

}

//大于二十四小時為大于1天

function getDiffIntHour(startDate, endDate) {

    var allDay;

    var diffMs = Math.abs(endDate - startDate);

    var diffDays = Math.round(diffMs / 86400000); // days

    var diffHrs = Math.round((diffMs % 86400000) / 3600000); // hours

    var diffMins = Math.round(((diffMs % 86400000) % 3600000) / 60000); // minutes

    var diff = endDate - startDate;

    var diffSeconds = diff / 1000;

    var HH = Math.floor(diffSeconds / 3600);

    var MM = Math.floor(diffSeconds % 3600) / 60;

    if (HH > 24) {

        allDay = true;

         globalAllDay = true;

     }

    else {

        allDay = false;

        globalAllDay = false;

    }

    return allDay;

}

///

function getDiffTime(startDate, endDate) {

    var allDay;

    var diffMs = Math.abs(endDate - startDate);

    var diffDays = Math.floor(diffMs / 86400000); // days

    var diffHrs = Math.floor((diffMs % 86400000) / 3600000); // hours

    var diffMins = Math.floor(((diffMs % 86400000) % 3600000) / 60000); // minutes

    if (diffHrs > 24) {

        allDay = true;

        globalAllDay = true;

    }

    else {

        allDay = false;

        globalAllDay = false;

    }

    return allDay;

}

///

function GetDateDiff(startTime, endTime, diffType) {

    //将xxxx-xx-xx的时间格式，转换为 xxxx/xx/xx的格式

    startTime = startTime.replace(/\-/g, "/");

    endTime = endTime.replace(/\-/g, "/");

    //将计算间隔类性字符转换为小写

    diffType = diffType.toLowerCase();

    var sTime = new Date(startTime); //开始时间

    var eTime = new Date(endTime); //结束时间

    //作为除数的数字

    var timeType = 1;

    switch (diffType) {

        case "second":

            timeType = 1000;

            break;

        case "minute":

            timeType = 1000 * 60;

            break;

        case "hour":

            timeType = 1000 * 3600;

            break;

        case "day":

            timeType = 1000 * 3600 * 24;

            break;

        default:

            break;

    }

    return parseInt((eTime.getTime() - sTime.getTime()) / parseInt(timeType));

}

//提示內容

function qTipText(start, end, description) {

    var text;

    if (end !== null)

        text = "<strong>开始:</strong> " + start.format("YYYY-MM-DD hh:mm T") + "<br/><strong>结束:</strong> " + end.format("YYYY-MM-DD hh:mm T") + "<br/><br/>" + description;

    else

        text = "<strong>开始:</strong> " + start.format("YYYY-MM-DD hh:mm T") + "<br/><strong>结束:</strong><br/><br/>" + description;

    return text;

}

$(document).ready(function () {

    // update Dialog 修改，刪除

    $('#updatedialog').dialog({

        autoOpen: false,

        width: 470,

        buttons: {

            "update": function () {

                //alert(currentUpdateEvent.title);

                //var stest = $("#editday").prop('checked'); //

                //alert(stest);

                var eventToUpdate = {

                    id: currentUpdateEvent.id,

                    title: $("#eventName").val(),

                    description: $("#eventDesc").val(),

                    allDay: $("#editday").prop('checked'),

                    typeid: $("#editTypeid").val()

                };

                if (checkForSpecialChars(eventToUpdate.title) || checkForSpecialChars(eventToUpdate.description)) {

                    alert("please enter characters: 可輸入數字，字母，中文，中文標點符號, 空格");

                }

                else {

                    PageMethods.UpdateEvent(eventToUpdate, updateSuccess);

                    $(this).dialog("close");

                    currentUpdateEvent.title = $("#eventName").val();

                    currentUpdateEvent.description = $("#eventDesc").val();

                    $('#calendar').fullCalendar('updateEvent', currentUpdateEvent);

                    $('#calendar').fullCalendar('refresh');//

                }

            },

            "delete": function () {

                if (confirm("do you really want to delete this event?")) {

                    PageMethods.deleteEvent($("#eventId").val(), deleteSuccess);

                    $(this).dialog("close");

                    $('#calendar').fullCalendar('removeEvents', $("#eventId").val());

                }

            }

        }

    });

    //add dialog 添加

    $('#addDialog').dialog({

        autoOpen: false,

        width: 470,

        buttons: {

            "Add": function () {

                //alert("sent:" + addStartDate.format("dd-MM-yyyy hh:mm:ss tt") + "==" + addStartDate.toLocaleString());

                //alert($("#addallday").is('checked'));

                var eventToAdd = {

                    title: $("#addEventName").val(),

                    description: $("#addEventDesc").val(),

                    typeid: $("#addTypeid").val(),

                    start: addStartDate.toJSON(), //addStartDate.toJSON()

                    end: addEndDate.toJSON(),

                    allDay: $("#addallday").prop('checked')//isAllDay(addStartDate, addEndDate)  //$('input[name=foo]').is(':checked')

                };

                if (checkForSpecialChars(eventToAdd.title) || checkForSpecialChars(eventToAdd.description)) {

                    alert("please enter characters: 可輸入數字，字母，中文，中文標點符號, 空格");

                }

                else {

                    //alert("sending " + eventToAdd.title);

                    PageMethods.addEvent(eventToAdd, addSuccess);

                    $(this).dialog("close");

                }

            }

        }

    });

    var date = new Date();

    var d = date.getDate();

    var m = date.getMonth();

    var y = date.getFullYear();

    var options = {

        weekday: "long", year: "numeric", month: "short",

        day: "numeric", hour: "2-digit", minute: "2-digit"

    };

    $('#calendar').fullCalendar({

        theme: true,

        header: {

            left: 'prev,next today customBtn',

            center: 'title',

            right: 'month,agendaWeek,agendaDay,listWeek' //顯示日程列表

        },

        customButtons: {

            customBtn: {

                text: 'Custom Button',

                click: function () {

                    alert('This custom button is hot! 												

											FullCalendar:eventColor,eventBackgroundColor, eventBorderColor, and eventTextColor的更多相关文章	

								FullCalendar日历插件说明文档
		FullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法.回调函数等整理成中 ...
		
						C# Web Forms - Using jQuery FullCalendar
		<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> ...
		
						fullcalendar日历控件知识点集合
		1.基本的语法: 首先,fullcalendar和JQUERY一样,以面向对象的方式来组织代码.当然,这里的面向对象不过指能够把整个fullcalendar理解为一个类,这个类里包含有非常多的属性.方 ...
		
						fullcalendar日历控件集合知识
		1.基本的语法: 首先,fullcalendar和JQUERY一样,以面向对象的方式来组织代码.当然,这里的面向对象不过指能够把整个fullcalendar理解为一个类,这个类里包含有非常多的属性.方 ...
		
						FullCalendar 日历插件中文说明文档
		FullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法.回调函数等整理成中 ...
		
						fullCalendar日程管理
		//日程安排 function timeTable(id){ var inner = "<div id='calendar'></div>"; $(&quo ...
		
						FullCalendar日历插件(中文API)
		FullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法.回调函数等整理成中 ...
		
						FullCalendar日历插件说明文档（看到这篇手册，解决了困扰我3天的js问题）
		FullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法.回调函数等整理成中 ...
		
						在anguler项目中引用fullCalendar
		1.css文件引用 <link href="/CSS/Fullcalendar.css" rel="stylesheet" /> <!--插件 ...
		
		
	

随机推荐	

									UNIGUI与UNIURLFRAME的互动
			UniSession.JSCode('name_'+MainForm.UniURLFrame1.name+'_'+MainForm.UniURLFrame1.JSName+'.myinput4.inn ...
			
						HDFS环境搭建（单节点配置）
			[参考文章]:hadoop集群搭建(hdfs) 1. Hadoop下载 官网下载地址: https://hadoop.apache.org/releases.html,进入官网根据自己需要下载具体的安 ...
			
						mysql升级8.0后项目不能连接问题
			转载简书:https://www.jianshu.com/p/a164d582e5d9 主要是因为驱动配置变了driver中得用com.mysql.cj.jdbc.Driver,多了个cj: url后 ...
			
						javascript History对象属性和方法
			History对象 History对象包含用户(在浏览器窗口中)访问过的URL length: 返回浏览器历史列表中的URL数量(打开浏览器,访问淘宝,返回1,再访问百度,返回2) History对象 ...
			
						Spring.Net实现跨数据库服务层事务管理
			在实际项目中用了Spring.Net框架之后,发现这框架在处理数据库事务上特别强大,声明式的数据库事务解放了一般开发人员对数据库事务操作的复杂处理.尤其是多数据库事务处理上,尤为显得更简便,几个简单的 ...
			
						HoloLens开发手记－配置开发环境 Install the tools
			随着Build 2016开发者大会的结束,HoloLens开发包也正式开放下载.Hololens没有独立的SDK,开发特性被集成到最新的Visual Studio Update 2中.如果你没有Hol ...
			
						Python--DBUtil
			Python--DBUtil包 1 简介 DBUtils是一套Python数据库连接池包,并允许对非线程安全的数据库接口进行线程安全包装.DBUtils来自Webware for Python. DB ...
			
						Mysql数据库操作命令行小结
			-- 创建数据库 create database python_test_1 charset=utf8; -- 使用数据库 use python_test_1; -- students表 create ...
			
						脚手架vue-cli系列五：基于Nightwatch的端到端测试环境
			不同公司和组织之间的测试效率迥异.在这个富交互和响应式处理随处可见的时代,很多组织都使用敏捷的方式来开发应用,因此测试自动化也成为软件项目的必备部分.测试自动化意味着使用软件工具来反复运行项目中的测试 ...
			
						Python：SQLMAP参数中文解释
			#HiRoot's BlogOptions(选项):--version 显示程序的版本号并退出-h, --help 显示此帮助消息并退出-v VERBOSE 详细级别:0-6(默认为1) Target ...

FullCalendar:eventColor,eventBackgroundColor, eventBorderColor, and eventTextColor

FullCalendar:eventColor,eventBackgroundColor, eventBorderColor, and eventTextColor的更多相关文章

随机推荐

热门专题