bootstrap拖拽事件到全屏日历上实现时间待办事项效果代码-html代码-BFW代码库

bootstrap拖拽事件到全屏日历上实现时间待办事项效果代码

代码语言：html

所属分类：拖放

代码描述：bootstrap拖拽事件到全屏日历上实现时间待办事项效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html dir="ltr" lang="en" class="no-outlines">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Stylesheets -->
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.4.3.1.min.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/fullcalendar.3.8.2.css">
    <style>
        html,body {
                height:100%;
        }
        body {
                color:#999;
                background-color:#ebebea;
                font-family:"Open Sans",sans-serif;
                font-size:14px;
                line-height:24px;
                font-weight:400;
                word-wrap:break-word;
        }
        label {
                display:block;
                margin-bottom:0;
        }
        label + label {
                margin-top:10px;
        }
        .btn-group >label + label {
                margin-top:0;
        }
        .form-inline label + label {
                margin-top:0;
        }
        .label-text {
                display:inline-block;
                margin-bottom:8px;
                color:#696969;
                font-weight:700;
        }
        /* 5.2. CALENDAR */.fc .fc-button {
                float:none;
                height:auto;
                margin-left:5px;
                margin-bottom:5px;
                padding:4px 20px;
                background-color:#f8f8f8;
                background-image:none;
                border:1px solid #f8f8f8;
                border-radius:2px;
                box-shadow:none;
                text-transform:capitalize;
                -webkit-transition:color .25s,border-color .25s;
                transition:color .25s,border-color .25s;
        }
        .fc .fc-basicDay-button {
                margin-left:20px;
        }
        .fc .fc-state-active {
                border-color:#e16123;
        }
        .fc-toolbar.fc-header-toolbar {
                margin-bottom:0;
        }
        .fc-toolbar .fc-right {
                float:none;
                text-align:right;
        }
        .fc-toolbar .fc-center {
                display:block;
                width:100%;
                margin-top:15px;
                color:#fff;
                background-color:#2bb3c0;
                border-radius:2px 2px 0 0;
                clear:both.........完整代码请登录后点击上方下载按钮下载查看