Ion.Calendar - jQuery漂亮的日期插件

来源:https://www.sucaihuo.com/js/186.html 2015-06-12 09:05浏览(2650) 收藏

Ion.Calendar 是一款基于 Moment.js 的界面漂亮的日期插件。
Ion.Calendar - jQuery漂亮的日期插件
分类:日期时间 > 日期控件 难易:初级
查看演示 下载资源 下载积分: 20 积分

HTML

<div id="calendar"></div>

引入jQuery库和calendar相关组件

<link rel="stylesheet" href="css/ion.calendar.css">
<script src="js/jquery.min.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/moment.zh-cn.js"></script>
<script src="js/ion.calendar.min.js"></script>

jQuery

$('#calendar').ionCalendar({
    lang: 'zh-cn'
});
参数 描述 默认值
lang 语言 en
sundayFirst 每周第一天,如果为 true,则星期天是第一天,如果为 false,则星期一为第一天 true
years 显示多少个年份,也可以直接写入年份时间段,如 2010-2015 80
format 日期格式,如 YYYY-MM-DD 会显示成 2015-05-28
clickable 如果为 false,则点击日期后不做任何事情 true
hideArrows 隐藏箭头 false
startDate 开始时间
onClick 回调函数,会根据日期格式返回相应的日期 false
onReady 回调函数,会根据日期格式返回相应的日期 false
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2