1. 程式人生 > >兩款超好用js日曆外掛(fullcalendar和zabuto_calendar)

兩款超好用js日曆外掛(fullcalendar和zabuto_calendar)

$('#calendar_arrangement').fullCalendar({
            header: {
                left: 'prev today next ',
                center: 'title',
                right: '' month,agendaWeek,agendaDay
            },
            weekMode: 'liquid',
            editable: true,
            droppable: true,
            dragOpacity: {
                '': .6
            },
            buttonText: {
                today: '本月',
                month: '月',
                agendaWeek: '周',
                agendaDay: '日'
            },
            monthNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
            monthNamesShort: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
            dayNames: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
            dayNamesShort: ["週日", "週一", "週二", "週三", "週四", "週五", "週六"],
            firstDay: 1,
            titleFormat: {
                month: 'yyyy年MMMM',
                week: "yyyy/MMM/d{ '— '[ yyyy/][MMM/]d}",
                day: 'yyyy/MMM/d dddd'
            },
            columnFormat: {
                month: 'ddd',
                week: 'M/d ddd',
                day: 'M/d dddd'
            },
            allDayText: '全天',


            //獲取資料後顯示在fullcalendar頁面
            events: function(start, end, callback) {
                var fstart = $.fullCalendar.formatDate(start, "yyyy-MM-dd");
                var fend = $.fullCalendar.formatDate(end, "yyyy-MM-dd");
                $.ajax({
                    type: "post",
                    url: "",//我是用ajax獲取後臺資料的,這裡填寫地址
                    dataType: "json",
                    data: {
                        start: fstart,
                        end: fend
                    },
                    success: function(data) {
                        if (data) {
                            var event = [];
                            $.each(data, function(i) {
                                event.push({
                                    _id: data[i].event_id,
                                    title: data[i].title,
                                    start: data[i].start,
                                    end: data[i].end,
                                    allDay: true
                                });
                            });
                            callback(event);
                        }
                    }
                });
            },


            //點選時觸發
            eventClick: function(event) {
               
            },
            //移動時觸發
            eventDrop: function(event) {
               
            },


            //拉伸時觸發
            eventResize: function(event) {
               
            },
            //排班時觸發
            drop: function(date, allDay) {
                
            }
        });


    });

相關推薦

js日曆外掛fullcalendarzabuto_calendar

$('#calendar_arrangement').fullCalendar({             header: {                 left: 'prev today next ',                 center: 'title',                

日曆外掛常用的日曆外掛

全面重寫的 layDate 包含了大量的更新,其中主要以:年選擇器、年月選擇器、日期選擇器、時間選擇器、日期時間選擇器 五種型別的選擇方式為基本核心,並且均支援範圍選擇(即雙控制元件)。內建強勁的自定義日期格式解析和合法校正機制,含中文版和國際版,主題簡約卻又不失靈活多樣

發票捕手,一的發票OCR識別軟件

jpeg 格式 需要 就是 分享圖片 麻煩 結合 com 圖片 發票報銷始終是各個公司的痛點,整理發票、粘貼發票麻煩不已,傳統報銷程序的延續主要是因為發票的真偽鑒別及費用核查需要紙質發票來核實,也是由於這個原因,紙質發票一直無法融入無紙化辦公及移動辦公系統。如果通過OCR發

推薦一的工具cmder

推薦一款超好用的工具cmder 2018年07月27日 10:43:25 風澍 閱讀數:5450更多 個人分類: linux系統命令詳解 今天來推薦一個超級好用的命令列工具:cmder 一款Windows環境下非常簡潔美觀易用的cmd替代者,它支援了大部

的軟體,把螢幕,攝像頭錄製成GIF格式或視訊,軟體只有2.59MB左右。so small so powerful

功能:錄製螢幕,攝像頭等輸出GIF格式圖片。或視訊            多語言支援。         &n

10的開源大資料分析工具

現如今,整個網際網路已經進入大資料時代,“大資料”一詞的重點現也已經不僅在於資料規模的定義,它更代表著資訊科技發展進入了一個新的里程,代表著爆炸性的資料資訊給傳統的計算技術和資訊科技帶來的技術挑戰和困難,代表著大資料處理所需的新的技術和方法,也代表著大資料分析和應用所帶來的

日曆外掛WdatePicker,帶示例,一看就會

先看一下示例圖片(見後面),只有一部分,沒截完,請見諒 簡單的程式碼呼叫,拿來就能用 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4

開源 5 的資料庫 GUI 帶你玩轉 MongoDB、Redis、SQL 資料庫

![](https://img2020.cnblogs.com/blog/759200/202007/759200-20200716122604295-223398174.jpg) 作者:HelloGitHub-**小魚乾** 工欲善其事必先利其器,想要玩溜資料庫,不妨去試試本文安利的 5 款開源的資料

一些的idea外掛一直一直爽-持續更新

2.MyBatis Log Plugin:列印完整的sql idea 安裝 MyBatis Log Plugin 安裝後 啟動專案 開啟 tools   3.Mybatis plugin :在mapper介面中和mapper的xml檔案中來回跳轉,就像介面跳到實現類那樣簡單。 id

ubuntu18.04 的下載工具 uGet 與 axel

uGet 安裝 sudo add-apt-repository ppa:plushuang-tw/uget-stable sudo add-apt-repository ppa:t-tujikawa/ppa # 這裡是uGet的客戶端 sudo apt-get install uget

那些的閱讀軟體Windows & Android

整個2018年就沒寫過幾篇博文,所以寫一篇文章算過年啦~哈哈~有部分軟體因為年代原因,官網已經消失、或者網路上的資源不完整,我會稍後提供分流下載。 Windows 平臺 SumatraPDF【推薦】 雖然它可能並不是一款完美的閱讀器,卻是最小巧、最全能的閱讀軟體!支援 epub\mobi\

調本地攝像頭拍照H5畫布

orf video listen text1 tint != roi source 捕捉 關於H5 和 畫布 調用本地攝像頭拍照功能的實現 1.代碼的實現(html部分) <input type="button" title="開啟攝像頭" value="開啟攝像頭"

Linux安裝Tkinter+Python版本升級+Excel外掛xlrdxlwt安裝

一、Tkinter安裝 在Python3中安裝Tkinter,需要對Python版本進行升級,重新編譯即可!!! 1、系統版本及Python版本 [[email protected] ~]# cat /etc/redhat-release Re

js 遮蔽 瀏覽器IEFireFox的 重新整理功能

Java程式碼  收藏程式碼          document.onkeydown=function()         {           if ((window.event.keyCode=

Java日曆GregorianCalendarCalendar的簡單例子

【例1】列印系統當前日曆月份資訊。 import java.text.DateFormatSymbols; import java.util.Calendar; import java.util.

的頁面滾動元素動畫外掛-AOS.JS

aos.js是一款效果超讚的頁面滾動元素動畫jQuery動畫庫外掛。該動畫庫可以在頁面滾動時提供28種不同的元素動畫效果,以及多種easing效果。在頁面往回滾動時,元素會恢復到原來的狀態。 載入方法: <link rel="stylesheet" href="/dist/aos.css" /

的Jquery 列印外掛——jQuery.print.js

在進行網頁開發中不可避免會使用到列印功能,下面就來學習一下一款簡單易用的外掛吧! 配置引數 你可以在呼叫列印方法時傳入一些引數: $("#myElementId").print({ globalStyles:true,//是否包含父文件的樣式,預設為t

比較JS時間控制元件-laydate

一款比較好用的JS時間控制元件-laydate   官方講解:http://laydate.layui.com/   具體的內容請看官方講解,此處僅說名應用:   1、在jsp或html或其他中引入laydate.js     <script src="……/laydate/l

chrome爬蟲外掛 xpath helper的用法

xpaht 是一款簡潔的語法,在爬蟲中應為簡潔應用十分廣泛;隨著火狐瀏覽器的升級,firebug不在被支援,今天我們就簡單來聊一聊chrome的經典外掛xpath helper的用法; 1.xpath helper 的安裝: 進入chromes商店,搜尋x

JS元件系列——Bootstrap元件福利篇:幾的元件推薦

前言:上篇 JS元件系列——Bootstrap元件福利篇:幾款好用的元件推薦 分享了幾個專案中比較常用的元件,引起了許多園友的關注。這篇還是繼續,因為博主覺得還有幾個非常簡單、實用的元件,實在不願自己一人獨享,沒辦法,誰讓博主這麼愛分享呢~~ 七、多值輸入元件manifest 關於文字框的多值輸入,一