- 浏览: 5104075 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
silence19841230:
先拿走看看
SpringBoot2.0开发WebSocket应用完整示例 -
wallimn:
masuweng 写道发下源码下载地址吧!三个相关文件打了个包 ...
SpringBoot2.0开发WebSocket应用完整示例 -
masuweng:
发下源码下载地址吧!
SpringBoot2.0开发WebSocket应用完整示例 -
masuweng:
SpringBoot2.0开发WebSocket应用完整示例 -
wallimn:
水淼火 写道你好,我使用以后,图标不显示,应该怎么引用呢,谢谢 ...
前端框架iviewui使用示例之菜单+多Tab页布局
CalendarXP是个功能很强的javascript日历选择插件,支持多个浏览器,官方地址为:http://www.calendarxp.net/。
今天研究了一会儿这个东东,顺便汉化了一下。其实汉化也就是修改一下一个js文件,没有什么难度。为方便朋友,我把修改js文件的结果贴一下。
/***********本人原创,欢迎转载,转载请保留本人信息*************/
作者:wallimn 电邮:wallimn@sohu.com 时间:2009-02-13
博客:http://blog.csdn.net/wallimn http://wallimn.iteye.com
网络硬盘:http://wallimn.ys168.com
/***********文章发表请与本人联系,作者保留所有权利*************/
今天研究了一会儿这个东东,顺便汉化了一下。其实汉化也就是修改一下一个js文件,没有什么难度。为方便朋友,我把修改js文件的结果贴一下。
////////// JS theme file for PopCalendarXP 9.0 ///////// // This file is totally configurable. You may remove all the comments in this file to minimize the download size. // Since the plugins are loaded after theme config, sometimes we would redefine(override) some theme options there for convenience. //////////////////////////////////////////////////////// // ---- PopCalendar Specific Options ---- var gsSplit="-"; // separator of date string. If set it to empty string, then giMonthMode and gbPadZero will be fixed to 0 and true. var giDatePos=2; // date format sequence 0: D-M-Y ; 1: M-D-Y; 2: Y-M-D var gbPadZero=true; // whether to pad the digits with 0 in the left when less than 10. var giMonthMode=0; // month format 0: digits ; 1: full name from gMonths; >2: abbreviated month name in specified length. var gbShortYear=false; // year format true: 2-digits; false: 4-digits var gbAutoPos=true; // enable auto-adpative positioning or not var gbPopDown=true; // true: pop the calendar below the dateCtrl; false: pop above if gbAutoPos is false. var gbAutoClose=true; // whether to close the calendar after selecting a date. var gPosOffset=[0,0]; // Offsets used to adjust the pop-up postion, [leftOffset, topOffset]. var gbFixedPos=false; // true: pop the calendar absolutely at gPosOffset; false: pop it relatively. // ---- Common Options ---- var gMonths=["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]; var gWeekDay=["日","一","二","三","四","五","六"]; // weekday caption from Sunday to Saturday var gBegin=[1980,1,1]; // calendar date range begin from [Year,Month,Date]. Using gToday here will make it start from today. var gEnd=[2030,12,31]; // calendar date range end at [Year,Month,Date] var gsOutOfRange="对不起,不能超过设定的范围!"; // out-of-date-range error message. If set to "", no alerts will popup on such error. var guOutOfRange=null; // the background image url for the out-range dates. e.g. "outrange.gif" var giFirstDOW=1; // indicates the first day of week. 0:Sunday; 1-6:Monday-Saturday. var gcCalBG="#6699cc"; // the background color of the outer calendar panel. var guCalBG=null; // the background image url for the inner table. var gcCalFrame="#778899"; // the background color of the inner table, showing as a frame. var gsInnerTable="border=0 cellpadding=2 cellspacing=1"; // HTML tag properties of the inner <table> tag, which holds all the calendar cells. var gsOuterTable=NN4?"border=1 cellpadding=3 cellspacing=0":"border=0 cellpadding=0 cellspacing=2"; // HTML tag properties of the outmost container <table> tag, which holds the top, middle and bottom sections. var gbHideTop=false; // true: hide the top section; false: show it according to the following settings var giDCStyle=0; // the style of month-controls in top section. 0: use predefined html dropdowns & gsNavPrev/Next; 1: use gsCalTitle & gsNavPrev/Next; 2: use only gsCalTitle; var gsCalTitle="gMonths[gCurMonth[1]-1]+' '+gCurMonth[0]"; // dynamic statement to be eval()'ed as the title when giDCStyle>0. var gbDCSeq=true; // (effective only when giDCStyle is 0) true: show month box before year box; false: vice-versa; var gsYearInBox="i"; // dynamic statement to be eval()'ed as the text shown in the year box. e.g. "'A.D.'+i" will show "A.D.2001" var gsNavPrev="<input id='navPrev' type='button' value='<' class='MonthNav' onmousedown='showPrevMon()' onmouseup='stopShowMon()' onmouseout='stopShowMon();if(this.blur)this.blur()'/>"; // the content of the left month navigator var gsNavNext="<input id='navNext' type='button' value='>' class='MonthNav' onmousedown='showNextMon()' onmouseup='stopShowMon()' onmouseout='stopShowMon();if(this.blur)this.blur()'/>"; // the content of the right month navigator var gbHideBottom=false; // true: hide the bottom section; false: show it with gsBottom. var gsBottom="<a href='javascript:void(0)' class='BottomAnchor' onclick='if(this.blur)this.blur();if(!fSetDate(gToday[0],gToday[1],gToday[2]))alert(\"You cannot select today!\");return false;' onmouseover='return true;' >今日 : "+gToday[0]+"年"+gMonths[gToday[1]-1]+gToday[2]+"日</a>"; // the content of the bottom section. var giCellWidth=18; // calendar cell width; var giCellHeight=14; // calendar cell height; var giHeadHeight=14; // calendar head row height; var giWeekWidth=14; // calendar week-number-column width; var giHeadTop=1; // calendar head row top offset; var giWeekTop=0; // calendar week-number-column top offset; var gcCellBG="#e5e5e5"; // default background color of the cells. Use "" for transparent!!! var gsCellHTML=""; // default HTML contents for days without any agenda, usually an image tag. var guCellBGImg=""; // url of default background image for each calendar cell. var gsAction=" "; // default action to be eval()'ed on everyday except the days with agendas, which have their own actions defined in agendas. var gsDays="dayNo"; // the dynamic statement to be eval()'ed into each day cell. var giWeekCol=-1; // -1: disable week-number-column; 0~7: show week numbers at the designated column. var gsWeekHead="#"; // the text shown in the table head of week-number-column. var gsWeeks="weekNo"; // the dynamic statement to be eval()'ed into the week-number-column. e.g. "'week '+weekNo" will show "week 1", "week 2" ... var gcWorkday="black"; // Workday font color var gcSat="black"; // Saturday font color var gcSatBG="#99ccff"; // Saturday background color var gcSun="black"; // Sunday font color var gcSunBG="#99ccff"; // Sunday background color var gcOtherDay="silver"; // the font color of days in other months; It's of no use when giShowOther is set to hide. var gcOtherDayBG=gcCellBG; // the background color of days in other months. when giShowOther set to hiding, it'll substitute the gcOtherDay. var giShowOther=2; // control the look of days in OTHER months. 1: show date & agendas effects; 2: show selected & today effects; 4: hide days in previous month; 8: hide days in next month; 16: when set with 4 and/or 8, the days will be visible but not selectable. NOTE: values can be added up to create mixed effects. var gbFocus=true; // whether to enable the gcToggle highlight whenever mouse pointer focuses over a calendar cell. var gcToggle="yellow"; // the highlight color for the focused cell var gcFGToday="red"; // the font color for today var gcBGToday="white"; // the background color for today var guTodayBGImg=""; // url of image as today's background var giMarkToday=1+2; // Effects for today - 0: nothing; 1: set background color with gcBGToday; 2: draw a box with gcBGToday; 4: bold the font; 8: set font color with gcFGToday; 16: set background image with guTodayBGImg; - they can be added up to create mixed effects. var gsTodayTip="今天"; // tooltip for today var gcFGSelected="white"; // the font color for the selected date var gcBGSelected="#DB5141"; // the background color for the selected date var guSelectedBGImg=""; // url of image as background of the selected date var giMarkSelected=2; // Effects for selected date - 0: nothing; 1: set background color with gcBGSelected; 2: draw a box with gcBGSelected; 4: bold the font; 8: set font color with gcFGSelected; 16: set background image with guSelectedBGImg; - they can be added up to create mixed effects. var gsSelectedTip=""; // tooltip for selected dates var gbBoldAgenda=true; // whether to boldface the dates with agendas. var gbInvertBold=false; // true: invert the boldface effect set by gbBoldAgenda; false: no inverts. var gbShrink2fit=true; // whether to hide the week line if none of its day belongs to the current month. var gdSelect=[0,0,0]; // default selected date in format of [year, month, day]; [0,0,0] means no default date selected. var giFreeDiv=0; // The number of absolutely positioned layers you want to customize, they will be named as "freeDiv0", "freeDiv1"... var gAgendaMask=[-1,-1,-1,null,null,-1,null]; // [message, action, bgcolor, fgcolor, bgimg, boxit, html] - Set the relevant bit to -1 to keep the original agenda/event value of that bit intact. Any other value will be used to override the original one defined in agenda.js. Check the tutorial for details. var giResizeDelay=KO3?150:50; // delay in milliseconds before resizing the calendar panel. Calendar may have incorrect initial size if this value is too small. var gbFlatBorder=false; // flat the .CalCell css border of any agenda date by setting it to solid style. NOTE: it should always be set to false if .CalCell has no explicit border size. var gbInvertBorder=false; // true: invert the effect caused by gbFlatBorder; false: no change. var gbShareAgenda=false; // if set to true, a global agenda store will be created and used to share across calendars. Check tutorials for details. var gsAgShared="gContainer._cxp_agenda"; // shared agenda store name used when gbShareAgenda is true. var gbCacheAgenda=false; // false: will prevent the agenda url from being cached; true: cached as normal js file. var giShowInterval=250; // interval time in milliseconds that controls the auto-traverse speed.
/***********本人原创,欢迎转载,转载请保留本人信息*************/
作者:wallimn 电邮:wallimn@sohu.com 时间:2009-02-13
博客:http://blog.csdn.net/wallimn http://wallimn.iteye.com
网络硬盘:http://wallimn.ys168.com
/***********文章发表请与本人联系,作者保留所有权利*************/
- CalendarXP.rar (22.3 KB)
- 下载次数: 139
发表评论
-
gradle编译错误:Could not find method compile() for arguments
2020-09-19 10:50 18189编译(IDEA+Gradle)一个别人的工程,出现一个 ... -
netty心跳检查之UDP篇
2019-09-15 08:50 2131部分UDP通信场景中,需要客户端定期发送心跳信息,以获取终 ... -
解决tomcat部署两个SpringBoot应用提示InstanceAlreadyExistsException
2019-06-30 11:49 3175两个SpringBoot应用部署在一个Tomcat中,单独 ... -
Eclipse配置MyBatis代码自动化功能
2019-06-29 10:16 16441.安装插件 Eclipse中,Help->Ecli ... -
vue.js中使用qrcode生成二维码
2019-05-20 00:00 7562一、安装包 npm install qrcodejs2 --s ... -
MySQL插入数据报错: Incorrect string value: '\xFD\xDE'
2019-03-31 23:19 1174我MySQL数据库用的uft-8字符集,插入数据一直很正常 ... -
vue自定义组件并双向绑定属性
2019-03-08 22:46 3209做了两个子组件,原理基本一样,一个是使用原生的select ... -
vue-router简单示例
2019-03-05 00:32 1090写个基本完整、稍有借鉴意义的示例,防止自己忘记。 &l ... -
“联通充值系统繁忙”轻松应对
2019-02-06 11:03 3907大过年的,联通充个值一直报“充值系统繁忙”。昨天晚上试了几 ... -
electron.js数据库应用---导航菜单(element-ui+mysql)
2019-02-05 21:33 2296一、环境搭建 略, ... -
electron.js数据库应用---入门(mysql+element-ui)
2019-01-27 23:19 7314我的机器:Windows10,64 ... -
SpringMVC 在controller层中注入成员变量request,是否线程安全
2018-12-17 21:17 2694@RestController public class ... -
VueJS 组件参数名命名与组件属性转化
2018-12-03 00:00 2007转自:https://www.cnblogs.com/meiy ... -
vue-resource拦截器实现token发送及检验自动化
2018-11-16 22:38 3042用了很长时间vue-resource,最近思考$http发 ... -
element-ui试用手记
2018-10-29 20:25 1687element-ui、iviewui都以vue.js为基础 ... -
iviewui中表格控件中render的使用示例
2018-07-07 16:46 9718示例了如何在表格中显示按钮,如何将代码转化为文字。 i ... -
Tomcat错误“Alias name tomcat does not identify a key entry”解决
2018-07-05 21:39 6190申请到了阿里云的证书后,下载、按照说明生成jks格式证书、 ... -
阿里云免费证书“fileauth.txt内容配置错误”解决
2018-07-05 20:43 5201最近研究微信小程序开发,上阿里云申请了个证书,使用文件验证 ... -
springboot2.0跨域配置
2018-07-04 22:11 5239springboot2.0跨域配置: 一、代码 ... -
微信小程序使用code换openid的方法(JAVA、SpringBoot)
2018-07-01 21:52 10298微信小程序序的代码中提示,使用code换取openid,但 ...
相关推荐
javascript日历javascript日历
内容索引:脚本资源,Ajax/JavaScript,日历控件,日期选择器 又一个JavaScript日历选择器,界面友好,修改方便,自带CSS文件,含有一个示例文件,对新手朋友帮助很大。
JavaScript日历 6中样式 包括当前时间
精美的Javascript颜色选择器 精美的Javascript颜色选择器
JS 日历组件(功能很强) javascript 日历控件 日历选择空间 日期选择 强烈推荐
javaScript 颜色选择器 含源代码 及样例文件 使用简单有效
6种JavaScript日历控件,任君选择
javascript日期选择器,很强大javascript日期选择器,很强大
javascript 日历 jquery 非常好看的日历
一个不错javascript日历.响应度很高.
vue datePicker.js 实现一个仿苹果手机的日历选择器
非常好看的日历,看了一定要啊。 相信吗。
一个挺好用的javascript日历组件
javascript日期选择器,简单实用
javascript小巧日历插件 javascript小巧日历插件 javascript小巧日历插件 javascript小巧日历插件
javascript日历插件,可以自定义时间或者日期
简单易用的javascript日历,包括一个例子。编码可以是utf-8也可以是GBK
javascript实现日历,仅供参考javascript实现日历,仅供参考javascript实现日历,仅供参考javascript实现日历,仅供参考javascript实现日历,仅供参考javascript实现日历,仅供参考