[js开源组件开发]js多选日期控件
2015-04-01 09:39
411 查看
js多选日期控件
详情请见:http://www.lovewebgames.com/jsmodule/calendar.html它的github地址:https://github.com/tianxiangbing/calendar
calendar
js日历控件用法
<input type="text" id="calendar" value="2015-04-15"/> <script src="../src/jquery-1.9.1.min.js"></script> <script src="../src/calendar.js"></script> <script> var calendar = new Calendar(); calendar.init({ target: $('#calendar'), range: ['2015-3-5', '2015-3-25'], multiple: true, maxdays: 5, overdays: function(a) { alert('添加已达上限 ' + a + ' 天'); } }); </script>
或者
<input type="text" class="calendar" value="2015-03-14"/> <input type="text" class="calendar2" value="2015-03-18"/> <script src="../dist/jquery-1.9.1.min.js"></script> <script src="../dist/calendar-jquery.min.js"></script> <script> $(".calendar").Calendar({toolbar:true}); $(".calendar2").Calendar(); </script>
属性和方法
属性
date:
当前日期.
toolbar:bool
是否显示下方操作栏
separator:
日期分隔符,默认"-".
id:
日历容器ID
calendarContainer:
日历容器对象
dayArr:
['日', '一', '二', '三', '四', '五', '六']
monthArr:
["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"]
isShow:是否显示中
maxdays:多选时最大天数
方法
setRange:function(range)
设置日期可选范围的方法
init:function(settings)
settings参数
focusDate:
当前选中日期{{2015-01-02}}
target:
触发日历的事件结点,可以是input或其他标签,如果是input会默认取value作为focusDate, 否则取target的前一个input的value值,或取当前时间.
selected:function(a,b)
选中后的回调事件,参数为(a)时间对象 ,(b)日历容器
beforeSelect:function(a,b)
选择前触发方法,参数为(a)时间对象 ,(b)日历容器
overdays:function(daysnum)
超出限定天数时的回调(多选时)
相关文章推荐
- [js开源组件开发]js手机端浮层控件,并有多种弹出小提示,兼容pc端浏览器
- [js开源组件开发]js手机联动选择日期 开源git
- js 日历控件日期多选 kalendae.js
- [js开源组件开发]模拟下拉选项框select
- js组件开发-移动端地区选择控件mobile-select-area
- node.js开发之bootstrap日期控件(bootstrap-datetimepicker)的使用
- [js开源组件开发]query组件,获取url参数和form表单json格式
- [js开源组件开发]localStorage-cache本地存储的缓存管理
- [js开源组件开发]数字或金额千分位格式化组件
- Flex自定义组件开发之日周月日期选择日历控件
- [js开源组件开发]图片放大镜
- [js开源组件开发]tip提示组件
- (很好用)JS时间控件实现日期的多选
- [js开源组件开发]js手机联动选择地区仿ios 开源git
- [js开源组件开发]js文本框计数组件
- [js开源组件开发]图片懒加载lazyload
- [js开源组件开发]html5标签audio的样式更改
- [js开源组件开发]localStorage-cache本地存储的缓存管理
- 【2015上半年总结】js开源组件开发系列索引
- [js开源组件开发]network异步请求ajax的扩展