项目作者: zhuowenli

项目描述 :
基于jquery-weui的日历插件扩展。
高级语言: CSS
项目地址: git://github.com/zhuowenli/jquery-weui-calendar.git
创建时间: 2016-07-30T03:48:58Z
项目社区:https://github.com/zhuowenli/jquery-weui-calendar

开源协议:MIT License

下载


jquery-weui-calendar

基于jquery-weui的日历插件扩展。

该项目依赖于weuijquery-weui

内联使用请参考:https://github.com/zhuowenli/jquery-calendar

Usage

  1. <input id="calendar" class="weui_input" type="text">
  1. $('#calendar').MultiCalendar({
  2. title: '时间选择',
  3. totalMohth: 12,
  4. dayText: ['入住', '离开'],
  5. valueTypes: [
  6. {
  7. title: '上午',
  8. value: 'am'
  9. }, {
  10. title: '下午',
  11. value: 'pm'
  12. }
  13. ]
  14. });
\ Default Description
title 时间选择 String, 日历弹窗标题
totalMohth 6 Number, 可选月份长度
dayText ['开始', '结束'] Array, 选中标识
valueTypes null 辅助时间选择器,比如:上午、下午,1点、2点、3点等。

例如,可以这样使用:

  1. $('#calendar').MultiCalendar({
  2. title: '时间选择',
  3. totalMohth: 12,
  4. dayText: ['入住', '离开'],
  5. valueTypes: [
  6. {
  7. title: '9: 30 ~ 12: 00',
  8. value: 'morning'
  9. }, {
  10. title: '13: 30 ~ 18: 00',
  11. value: 'afternoon'
  12. }, {
  13. title: '19: 30 ~ 22: 00',
  14. value: 'evening'
  15. }
  16. ]
  17. });

设置初始值:

  1. <input id="calendar"
  2. class="weui_input"
  3. type="text"
  4. value="2016-07-31 上午 至 2016-08-30 下午"
  5. data-start-time="2016-07-31"
  6. data-end-time="2016-08-30"
  7. data-start-value="am"
  8. data-end-value="pm">
\ Default Description
data-start-time null 开始时间
data-end-time null 结束时间
data-start-value null 开始value值
data-end-value null 结束value值