欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery日历控件实现方法分享_jquery

程序员文章站 2022-04-08 22:51:32
...
注释掉的是默认的css样式,你可以修改成自己的样式实现另一个风格,大家参考使用吧

复制代码 代码如下:

/**
* jQuery Calendar Plugin
*/
(function($, window) {

'use strict';
$.fn.calendar = function(options) {
//check is select, if nothing select, return this
if (!this.length) {
if (options && options.debug && window.console) {
console.log("nothing select");
}
return this;
}
var self = $(this);

// default parameter setting
var defaults = {
cssPath: '', //user-define loading path of css file
eventName: 'click', //user-define the event name that triggers the control
onSelectDate: null, //callback function after select date
autoClose: false
};

//inherit user-defined parameter
defaults = $.extend(defaults, options);

//default as data of the day
var d_date = new Date();
var _date = {
year: d_date.getFullYear(),
month: d_date.getMonth() + 1,
day: d_date.getDate(),
week: d_date.getDay()
};

//default template of plugin
var calendarDiv = '

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • jquery日历控件实现方法分享_jquery
  • 专题推荐

    相关标签: 日历控件