/calendar

酒店日期选择

Primary LanguageJavaScript

移动端日期选择

gif

demo

https://ffx0s.github.io/calendar/dist/demo.html

安装

Install with npm: npm install hotel-calendar --save

使用

<link rel="stylesheet" href="calendar.css">
<script src="calendar.js"></script>

<script>
  var calendar = new Calendar(options)
  calendar.init()
</script>

或者：

import 'hotel-calendar/dist/calendar.css'
import Calendar from 'hotel-calendar'

const options = {}
const calendar = new Calendar(options)
calendar.init()

Options

start

Type: String

Value: '2017-04-10'

start: '2017-04-10'

从哪个月开始.

end

Type: String

Value: '2017-10-01'

end: '2017-10-01'

到哪个月结束.

maxDays

Type: Number

Value: 20

maxDays: 20

允许选择的最大天数

maxCallback

Type: Function

maxCallback: function (startDate, endDate) {}

超出选择天数的回调

startCallback

Type: Function

startCallback: function (date) {}

入住点击回调

endCallback

Type: Function

endCallback: function (date) {}

离店点击回调

selectDate

Type: Object

selectDate: { start: '2017-04-25', end: '2017-05-10' }

当前选中的时间

Calendar静态方法

Calendar.format

Calendar.format(date, 'yyyy年MM月dd日 hh:mm:ss')

格式化时间

Browser support

Android 4+, iOS 6+

License

calendar is released under the MIT License. Have at it.