a Boolean value, if True, you can display the corresponding day of the week, the default value is False9, Yearrange set the range of the year
Recently in the study of JS Plug-in development, before looking at the great God, the plug-ins are easy to play around, feel like if you reach that level of good, began their own research plug-ins developed. Research for a period of time, began to write their own first calendar plug-ins, because is a beginner
, Datecell also allows you to pass in class, tag in a way that ' #id. class 'Format:format,//Date Format //mindate: "1900-01-01 00:00:00",//Minimum date //maxdate: "2099-12-31 23:59:59",//maximum dateIsinitval:false,//whether to initialize timeIstime:istime,//whether to turn on time selectionIsclear:true,//whether to display emptyFestivalfalse,//whether to show festivalszindex:999,//level height of the popup layerMarksNULL,//give a date a labelChoosefun:function(Val) {},//callbacks after t
, Datecell also allows you to pass in class, tag in a way that ' #id. class 'Format:format,//Date Format //mindate: "1900-01-01 00:00:00",//Minimum date //maxdate: "2099-12-31 23:59:59",//maximum dateIsinitval:false,//whether to initialize timeIstime:istime,//whether to turn on time selectionIsclear:true,//whether to display emptyFestivalfalse,//whether to show festivalszindex:999,//level height of the popup layerMarksNULL,//give a date a labelChoosefun:function(Val) {},//callbacks after t
Find a calendar on the Mac is quite troublesome, just think of the previous JQ plugin written in Chrome plug-in, it is a blind toss wrote aFirst look at the directory structure of this plugin, very simpleCalendda|--HTML\CSS\JS//The static resource file we need|--manifest.json//chrome configuration fileThe main point is how this configuration file is written.{ "n
Select a dateSimilar to selecting multiple files in Explorer, use the mouse to select a date on the page to operate, such as adding a schedule, you need to configure the selectable parameter to TrueOn one cell, the mouse over select event selection and mouse click cell event Dayclick will be triggered simultaneously
The code is as follows
Copy Code
var calendar = $ (' #calenderDemo '). Fullcalendar ({Selectable:tru
Brief introduction
Official website:http://arshaw.com/fullcalendar/English documents:http://arshaw.com/fullcalendar/docs/
How to use
1. Download Compressed Package Fullcalendar-1.6.3.zip decompression2. Import resources into HTML pages
The code is as follows
Copy Code
A few notes:Fullcalendar needs jquery and if the project has introduced jquery, there is no need to repeat the import hereIf you want to use the mouse to drag and drop functions in your
E-calendar is a jquery simple calendar plugin with memo function. With the jquery calendar plugin you can record or set things that happen at some point of the day, with the function of a work memo. You can customize the appearance of the
We've also shared a lot of jquery calendar plugins before, some of which have CSS3 features that are especially beautiful to look at. Today to share the jquery calendar plugin not only has a beautiful appearance, and with the date event recording function, click the date to expand the Event record window, you can set the description of the event and the time of t
We've also shared a lot of jquery calendar plugins before, some of which have CSS3 features that are especially beautiful to look at. Today to share the jquery calendar plugin not only has a beautiful appearance, and with the date event recording function, click the date to expand the Event record window, you can set the description of the event and the time of t
Instructions for use:Need to introduce plugins calendar.js/calendar.min.jsNeed to introduce CALENDAR.CSS style sheet, you can customize the skin you wantThis calendar plugin supports CMD modularityCall as follows:Xvdate ({' Targetid ': ' date1 ',//time to write the ID of the object' Triggerid ': [' date1 ', ' dateBtn1 '],//the object ID of the triggering event' Alignid ': ' DatesWrap1 ',//
Yesterday I saw a post at the ColdFusion Forum (http://www.5d.cn/bbs/newsdetail.asp?id=980498), which evoked the idea of writing a simple eclipse plug-in.
This is the program I wrote last night.
It's not very necessary, but it's a bit of a use, I've changed the program and written an eclipse plugin
Calendarview.java
Package com.eiffelqiu.tools;Import Org.eclipse.swt.widgets.Composite;Import Org.eclipse.swt.widgets.Label;Import Org.eclips
The original JS calendar code on the Web page, the mouse clicks on the text hint, will display a calendar window with years, can adjust the year, month, select date, etc., used on the Web page to facilitate the choice of dates, improve the user experience. All major browsers can operate normally, the need for small partners can refer to.
Instructions for use:
Need to introduce Plug-ins calendar.js/calenda
I've been working on the project since 2, so there's nothing to record.There is a page used to the calendar, I Baidu to the Fullcalendar this plugin.Let's start with a picture.Basic interface like this, I looked at the following document, the function is very powerful. But I only use "Calendar".Our page UI is like this.Green means that today the red represents something, no matter how many things that day,
Instructions for use:
Need to introduce Plug-ins calendar.js/calendar.min.js
Need to introduce the CALENDAR.CSS style sheet, you can customize the skin you want
This calendar plugin supports CMD modularity
Call the following:
Copy Code code as follows:
Xvdate ({
' Targetid ': ' date1 ',//time to write the ID of the object
' Triggerid ': [' date1 ', ' DATEBTN1 '],//object ID that tri
When using the Xgcalendar calendar plug-in, the parameter array is not only the type, display time, time zone and other parameters, you can also expand the search criteria according to Extparam custom parameters, such as searching for different user's calendar information according to the user ID, need to put the user's ID in the parameter array, The code is as follows:Adding a parameter array when a search
Ext.: http://www.xiongge.club/744.htmlMy97datepicker is a very good calendar plugin that not only supports multiple invocation modes, but also supports date range restrictions.The general invocation is simple, as follows:
1
inputclass="Wdate" id="d1" onclick="WdatePicker()" />
The following highlights the date range limits:1) Static limitYou can limit the range of dates by co
jquery is a rare and very good JavaScript script development library, and based on many of its plug-ins are very normative and excellent, if miss this beautiful scenery is a shame, such as DatePicker this plugin.
General MIS system front-end, especially the user registration page, there will be such as "born year" date input box, the simplest way is to use a
DatePicker brings a beautiful spring, first look at what it looks like when you use the def
In fact, the information on the Internet a lot, but in fact, still have to write their own code, tidy up, will be used. Using jquery's Wdatepicker plugin is quite handy, and the general situation is enough for us to use.First, download Wdatepicker pluginSecond, in the project to importThird, use in JSP that need to use plug-in1. Introduction in the head section2. Using in HTMLFour, the effectFive, about the use of wdatepicker.js, parameter settings, y
. The following :(ID is hidden field is not assigned )Id=name=%e5%bc%a0%e4%b8%89age=30password=123456789email=zs%40qq.comThen :Register the form as a commit$ ("#f"). Ajaxform (function (msg) {Alert (msg);$ ("[Name=id]"). Val (msg);});You can use the callback function to determine whether there is a registered name , if prompted , If the registration is successful , then jump to the page .You can also temporarily save the form data into the hidden column, and then submit it when you want to sub
Because a training management module has been done, there is a start and end training time. Time and date if a user enters it manually, even if you request a time format, the user may still be in the wrong time format. So think about it, or find a JS calendar plugin. Let me introduce my own experience.The first step. Download it first. Address: Http://www.my97.net/dp/down/My97DatePickerBeta.zipDownload it a
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.