Menu
Woocommerce Menu

日本艺术家田中達也的微型日历创作,轻量级的原生js日历插件calendar

0 Comment

新澳门萄京娱乐场官网 1

使用说明:

日本艺术家田中達也(Tanaka
Tatsuya)建了一个微型日历网站,从2011年4月开始每天传一张微型小人偶在不同生活场景中的作品,转换身份从另一个角度去看这个世界的万事万物。

需要引入插件calendar.js/calendar.min.js

+ Instagram:tanaka_tatsuya

须要引入calendar.css 样式表,可以自定义自己想要的皮肤

+ 浏览之前更多关于 日历 的设计分享

本日历插件支持cmd模块化

新澳门萄京娱乐场官网 22014-08-15
?on the road

如下调用:

新澳门萄京娱乐场官网 32014-08-16
?Good harvest

复制代码 代码如下:

新澳门萄京娱乐场官网 42014-08-17
?Moving walkway

xvDate({
‘targetId’:’date1′,//时间写入对象的id
‘triggerId’:[‘date1′,’dateBtn1’],//触发事件的对象id
‘alignId’:’datesWrap1′,//日历对齐对象
‘format’:’-‘,//时间格式 默认’YYYY-MM-DD HH:MM:SS’
‘min’:’2014-09-20 10:00:00′,//最大时间
‘max’:’2014-10-30 10:00:00’//最小时间
});

新澳门萄京娱乐场官网 52014-08-18
?Home base?

参数说明:

新澳门萄京娱乐场官网 62014-08-19
Umbrella tunnel

targetId :日期写入对象的id,不能为空
triggerId :触发事件的对象id,如果不设置则默认为targetId
alignId : 日历盒子的对齐基准,如果不设置则默认为targetId
hms : 时分秒是否开启,默认值为’on’则表示开启时分秒(2014-09-20
10:00:00),’off’则表示关闭时分秒模式(2014-09-20)
新澳门萄京娱乐场官网,format :为日期格式 默认值为’-‘ (2014-09-20),’/’则表示(2014/09/20)
min :最小时间限制,min 的时间格式和前面的时间格式保持一直
max :最大时间限制,max 的时间格式和前面的时间格式保持一直
zIndex :最大时间限制,日历盒子的层级,默认9999

新澳门萄京娱乐场官网 72014-08-20
?Parachute

如果需要使用模块化在需要依赖的模块用引入即可

新澳门萄京娱乐场官网 82014-08-21
Risky attempt

如:

新澳门萄京娱乐场官网 9201408-22
?Barbecue Rescue

复制代码 代码如下:

新澳门萄京娱乐场官网 102014-08-14
?Island

define(‘mod1’,[],function(require, exports, module){
var xvDate = require(“xvDate”);
})

下载地址

以上所述就是本文的全部内容了,希望大家能够喜欢。

您可能感兴趣的文章:

  • JS学习之一个简易的日历控件
  • JS日历 推荐
  • 纯js简单日历实现代码
  • js日历控件(可精确到分钟)
  • js编写当天简单日历效果【实现代码】
  • 简约JS日历控件 实例代码
  • 推荐一个小巧的JS日历
  • 很好用的js日历算法详细代码
  • JavaScript日历实现代码
  • 利用Javascript开发一个二维周视图日历
标签:, , , , , ,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图