@vantist/rolldate v3.3.3

rolldate

此插件为jquery-date的全新版本，主要为了解决旧版参数设计不够合理、滑动效率不高、依赖jquery、没有可选的主题风格等问题，并增加了回调函数，使插件有更大的灵活性。

2023/05/18 3.3.0 版本更新

1. 新增 showAMPM keepAMPMLeft 參數設定
2. format 小時由 hh 改為 HH
3. 新增 am pm 語系設定

2023/05/17 3.2.0 版本更新

1. 新增 min max 參數設定
2. 升級 better-scroll v1 -> v2
3. 支援滑鼠滾輪捲動日期

2019/05/24 3.0版本更新

上一个版本为2.1.5, 新版本(从3.0.0开始)的改动：

1. 使用方式由new rolldate.Date改为new Rolldate;
2. 回调函数调整：tapBefore更名为init，confirmBefore更名为confirm，取消confirmEnd，增加cancel;
3. 日期格式(format)调整为无限制，可根据规则随意组合;

2019/02/03重要版本更新

上一个版本为1.5.1, 新版本(从2.0.0开始)与此前版本的不同之处：

1. 将滑动插件由iscroll替换为better-scroll，提升了兼容性;
2. 改变了界面风格，操作更加方便;
3. 取消了rolldate.css文件，只需引入js即可;
4. 移除了主题风格、日期初始化的滑动时间设置；

注意2.0.0之前的版本将不再维护，如有需要请访问：旧版rolldate

演示

rolldate(下方直接扫码即可体验)

使用方式

es6

import Rolldate from 'rolldate'
new Rolldate({
  el:'#date'
})

commonJS

var Rolldate = require('rolldate');
new Rolldate({
  el:'#date'
})

amd

require(['rolldate'],function(Rolldate){
  new Rolldate({
    el:'#date'
  })
})

cmd

seajs.use('rolldate',function(undefined){
    //插件没有遵循cmd规范，这里的Rolldate是全局的
    new Rolldate({
      el:'#date'
    })
});

参数、方法说明

//完整参数、方法示例
var rd = new Rolldate({
    el: '#date',
    format: 'YYYY-MM-DD',
    beginYear: 2000,
    endYear: 2100,
    min: '2023-01-01',
    max: '2023-12-31',
    minStep:1,
    lang:{title:'自定义标题'},
    trigger:'tap',
    init: function() {
      console.log('插件开始触发');
    },
    moveEnd: function(scroll) {
      console.log('滚动结束');
    },
    confirm: function(date) {
      console.log('确定按钮触发');
    },
    cancel: function() {
      console.log('插件运行取消');
    }
})
rd.show();
rd.hide();