H5calendar

功能描述

实现了一个简单的日期选择的功能,开发者可以自定义设置可以选择的开始日期、结束日期、标记特殊日期

依赖的插件

#快速使用

var calendar = new Calendar({
  start: '2019/05/10',//开始日期(必传)
  end: '2020/5/20',//结束日期(必传)
  specialDates: [{
    date: '2019/05/23',//标记的日期
    text: '放假',//标记的文字
  }, {
    date: '2020/01/01',
    text: '元旦'
  }],
  autoHide:true,
  itemClick: function(item) {
    console.log(item.year+'-'+item.month+'-'+item.date)
  }
})

配置项

start

  • 类型:String
  • 默认值:无
  • 作用:开始日期
  • 格式为'年/月/日'
  • 是否必传:是

end

  • 类型:String
  • 默认值:无
  • 作用:结束日期
  • 格式为'年/月/日'
  • 是否必传:是

specialDates

  • 类型:Array
  • 默认值:无
  • 作用:标记日期
  • 是否必传:否

autoHide

  • 类型:Boolean
  • 默认值: false
  • 作用:点击日期后是否自动隐藏日历
  • 是否必传:否

itemClick

  • 类型:Function
  • 默认值:无
  • 当某一个日期被点击时触发
  • 是否必传:否

方法

显示日历

calendar.show()

隐藏日历

calendar.hide()

特别说明

仅支持选择单个日期

是否仍需要帮助? 请保持联络!
最后更新于 2024/07/10