开源一款简单清爽的日历组件,JavaScript版的

源码会在最后给出地址,需要的朋友自己去下载。最近项目需要做一个日程安排的功能,就是点击日历的某一天弹出一个录入页面,填完信息后保存当天的日程安排。有日程的日期会有不同的标记(比如加一个背景色啥的)。网上找了很久,都不尽如人意,于是我只好自己找点资料弄了一个。具体的页面就不给出了,关于这个日历,现在是一个单独的js组件,分享出来。

调用方法:首先你的页面需要有一个div,id自己定义。

比如:

<div ></div>

js代码:

var calender = new Calender(opts);

calender.init();

属性

开源一款简单清爽的日历组件,JavaScript版的

方法

开源一款简单清爽的日历组件,JavaScript版的

范例:

var calender = new Calender(
{
id:"wannianli",
width:660,
height:500,
background:"#fff",
color:'#222',
monthTag:["1 月","2 月","3 月","4 月","5 月","6 月","7 月","8 月","9 月","10 月","11 月","12 月"],
weekTag:["周日","周一", "周二", "周三", "周四", "周五", "周六"],
format:"yyyy-MM-dd",
dbclick : function(formatStr){
alert(formatStr);
},
/click : function(formatStr){
alert(formatStr);
},
/
}

);

calender.init(2015,1);

依赖文件:jQuery.js、wannianli.css
源码下载地址:http://pan.baidu.com/s/1skFrxiH
个人博客:www.xiaotublog.com

相关文章:

  • 2022-12-23
  • 2021-12-05
  • 2022-12-23
  • 2022-12-23
  • 2022-01-15
  • 2021-10-07
  • 2021-09-22
猜你喜欢
  • 2021-08-27
  • 2021-12-20
  • 2021-07-27
  • 2022-12-23
  • 2022-12-23
  • 2021-12-14
  • 2021-07-11
相关资源
相似解决方案