datePicker-master
所属分类:Windows编程
开发工具:Java
文件大小:22KB
下载次数:0
上传日期:2020-08-13 16:30:59
上 传 者:
梦醒时分亮
说明: 模仿滴滴打车软件的时间选择器,学习资料,自学,可以随便下载。
(Imitate didi taxi software time selector, learning materials, self-study, can be freely downloaded.)
文件列表:
.babelrc (596, 2018-01-22)
.eslintignore (26, 2018-01-22)
.eslintrc.js (1636, 2018-01-22)
LICENSE (1071, 2018-01-22)
dist (0, 2018-01-22)
dist\date-picker.min.js (18372, 2018-01-22)
dist\datePicker.css (3375, 2018-01-22)
dist\index.html (2336, 2018-01-22)
doc (0, 2018-01-22)
package.json (936, 2018-01-22)
src (0, 2018-01-22)
src\datePicker.css (3375, 2018-01-22)
src\datePicker.js (5601, 2018-01-22)
src\index.html (2250, 2018-01-22)
src\index.js (11084, 2018-01-22)
webpack.config.js (2174, 2018-01-22)
#### 仿滴滴预约打车IOS风格时间选择器在线预览地址(PC请切换到移动端模式打开)
>[http://codepen.io/jawil/full/WRBxya/](http://codepen.io/jawil/full/WRBxya/)
```
* [datePicker plugin]
* IOS风格日期选择器,仿滴滴打车预约用车时间选择器
* @Author jawil
* @date 2017-02-17
* @param {[object]} options [配置参数]
```
#### 运行预览
1. cd datePicker
2. npm install
3. npm run dev(浏览器预览)
4. npm run build(生成dist目录)
#### 示例:
```JavaScript
// UMD兼容规范,支持浏览器直接引入,require,define等多种JS模块化引入
datePicker({
afterDay: 0, // 第几天后开始可以预约,默认是今天
appointDays: 7, // 默认可以预约未来7天
minuteLater: 20, // 当天的话,默认只能预约20分钟之后,如果两个小时就填120
hourArea: [9, 22], // 预约小时可选的范围,默认是9:00-22:00
interval: 1, // 分钟的间隔,默认一分钟
initStrDate:'', //初始化时间 2018-12-25: 18:00:00
callBack: function(timeStr, timeStamp) { // 点击确认获取到的时间戳和时间字符串
console.log(timeStr, timeStamp)
}
})
```
点击确认之后,回到函数callback可以拿到选择的时间字符串和时间戳。
#### 效果图
![](https://ws4.sinaimg.cn/large/006tNc79gy1fitlr3tyhwj30av0jemyb.jpg)
**有问题可以邮件联系我,欢迎提Issue和Pre**
近期下载者:
相关文件:
收藏者: