2.0.3 • Published 5 years ago
@qinyuanqiu/datepicker v2.0.3
datepicker(日期时间选择组件)
1.安装
npm install @qinyuanqiu/datepicker
2.使用
可以直接外联引入js和css,或者以模块化导入
<!-- html --> <input type="text" class="J_datepicker" unselectable="on" readonly="readonly">
/css/ @import '~datepicker/dist/style.min.css'
// js import datepicker from 'datepicker' // 实例化的时候传入一个dom和一个回调函数 new Datepicker(document.querySelector('.J_datepicker'), function(options){ // options中含有你需要的数据,可用作其他处理 console.log(options) })
3.参数
data-fomate:自定义格式,默认'Y-M-D h:m:s',你也可以自己有效组合,比如: data-fomate="Y" data-fomate="D" data-fomate="M_D" data-fomate="h-m" data-fomate="h:m:s" data-fomate="M月D日 h时m分" data-fomate="M-D h-m@s" data-fomate="messcode" *不允许Y-D这样无效的组合,因为只有年份的情况下不能确定天数 data-year-start: 年份选择范围, 默认20年前 data-year-end: 年份选择范围, 默认10年后 data-year:初始年份,默认今天 data-month:初始月份,默认今天 data-day:初始日期,默认今天 data-hour:初始时,默认现在 data-minute:初始分,默认现在 data-second:初始秒,默认现在