zoukankan      html  css  js  c++  java
  • 开源一款简单清爽的日历组件,JavaScript版的

    1481337626847097422.jpg

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

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

    比如:

    <div id="wannianli"></div>
    

    js代码:

    var calender = new Calender(opts);
    
    calender.init();
    

    属性

    Paste_Image.png

    方法

    Paste_Image.png

    范例:

    var calender = new Calender(
    {
    id:"wannianli",
    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

  • 相关阅读:
    Ztree-
    富文本编辑器Ueditor
    通知 弹框
    ResultEntity
    echart
    定时器,定时发邮件JavaMail
    重定向传值
    图片验证码
    异步json发送put或者delete
    异步时间格式转换插件
  • 原文地址:https://www.cnblogs.com/skyblue-li/p/6155125.html
Copyright © 2011-2022 走看看