diff --git a/dist/index.html b/dist/index.html
index 8a25d74..f94645b 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -138,6 +138,12 @@
自定义语言
+ custom month names (english)
+
设置默认日期
@@ -327,6 +333,36 @@ 其他示例
lang: lang
})
+ // Custom month names
+ new Rolldate({
+ el: '#date-group3-2',
+ format: 'MM-DD-YYYY',
+ beginYear: 2000,
+ endYear: 2100,
+ lang: {
+ title: 'Select a date',
+ cancel: 'Cancel',
+ confirm: 'Confirm',
+ day: '',
+ month: '',
+ year: '',
+ },
+ monthNames: {
+ month1: 'Jan',
+ month2: 'Feb',
+ month3: 'Mar',
+ month4: 'Apr',
+ month5: 'May',
+ month6: 'Jun',
+ month7: 'Jul',
+ month8: 'Aug',
+ month9: 'Sep',
+ month10: 'Oct',
+ month11: 'Nov',
+ month12: 'Dec',
+ }
+ })
+
// 设置默认日期 内部使用document.getElementById('date').bindDate = new Date('2019/05/13');
new Rolldate({
el: '#date-group4-1',
diff --git a/dist/rolldate.cjs.js b/dist/rolldate.cjs.js
index 88c28e5..8bdd251 100644
--- a/dist/rolldate.cjs.js
+++ b/dist/rolldate.cjs.js
@@ -1,18 +1,19 @@
-/**
+/**
* Rolldate 3.1.3
- * Copyright 2018-2020
+ * Copyright 2018-2021
* weijhfly https://github.com/weijhfly/rolldate
* Licensed under MIT
* Released on: aug 4, 2018
*/
-
'use strict';
function styleInject(css, ref) {
- if ( ref === void 0 ) ref = {};
+ if (ref === void 0) ref = {};
var insertAt = ref.insertAt;
- if (!css || typeof document === 'undefined') { return; }
+ if (!css || typeof document === 'undefined') {
+ return;
+ }
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
@@ -35,7 +36,7 @@ function styleInject(css, ref) {
}
}
-var css = ".rolldate-container{font-size:20px;color:#333;text-align:center}.rolldate-container ul{margin:0;padding:0}.rolldate-container li{list-style-type:none}.rolldate-container header{position:relative;line-height:60px;font-size:18px;border-bottom:1px solid #e0e0e0}.rolldate-container .rolldate-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background-color:rgba(37,38,45,.4)}.rolldate-container .rolldate-panel{position:fixed;bottom:0;left:0;width:100%;height:273px;z-index:1000;background:#fff;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}.rolldate-container .rolldate-btn{position:absolute;left:0;top:0;height:100%;padding:0 15px;color:#666;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.rolldate-container .rolldate-confirm{left:auto;right:0;color:#007bff}.rolldate-container .rolldate-content{position:relative;top:20px}.rolldate-container .rolldate-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.rolldate-container .rolldate-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:173px;line-height:36px;overflow:hidden;-webkit-flex-basis:-8e;-ms-flex-preferred-size:-8e;flex-basis:-8e;width:1%}.rolldate-container .rolldate-wrapper ul{margin-top:68px}.rolldate-container .rolldate-wrapper li{height:36px}.rolldate-container .rolldate-dim{position:absolute;left:0;top:0;width:100%;height:68px;background:-o-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:-webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0.4)), to(hsla(0, 0%, 100%, 0.8)));background:-o-linear-gradient(bottom, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0.8));background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.rolldate-container .mask-top{border-bottom:1px solid #ebebeb}.rolldate-container .mask-bottom{top:auto;bottom:1px;border-top:1px solid #ebebeb}.rolldate-container .fadeIn{-webkit-transform:translateZ(0);transform:translateZ(0)}.rolldate-container .fadeOut{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}@media screen and (max-width:414px){.rolldate-container{font-size:18px}}@media screen and (max-width:320px){.rolldate-container{font-size:15px}}";
+var css = ".rolldate-container{font-size:20px;color:#333;text-align:center}.rolldate-container ul{margin:0;padding:0}.rolldate-container li{list-style-type:none}.rolldate-container header{position:relative;line-height:60px;font-size:18px;border-bottom:1px solid #e0e0e0}.rolldate-container .rolldate-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background-color:rgba(37,38,45,.4)}.rolldate-container .rolldate-panel{position:fixed;bottom:0;left:0;width:100%;height:273px;z-index:1000;background:#fff;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}.rolldate-container .rolldate-btn{position:absolute;left:0;top:0;height:100%;padding:0 15px;color:#666;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.rolldate-container .rolldate-confirm{left:auto;right:0;color:#007bff}.rolldate-container .rolldate-content{position:relative;top:20px}.rolldate-container .rolldate-wrapper{display:flex}.rolldate-container .rolldate-wrapper>div{flex:1;height:173px;line-height:36px;overflow:hidden;flex-basis:-8e;width:1%}.rolldate-container .rolldate-wrapper ul{margin-top:68px}.rolldate-container .rolldate-wrapper li{height:36px}.rolldate-container .rolldate-dim{position:absolute;left:0;top:0;width:100%;height:68px;background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.rolldate-container .mask-top{border-bottom:1px solid #ebebeb}.rolldate-container .mask-bottom{top:auto;bottom:1px;border-top:1px solid #ebebeb}.rolldate-container .fadeIn{-webkit-transform:translateZ(0);transform:translateZ(0)}.rolldate-container .fadeOut{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}@media screen and (max-width:414px){.rolldate-container{font-size:18px}}@media screen and (max-width:320px){.rolldate-container{font-size:15px}}";
styleInject(css);
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -128,7 +129,21 @@ Rolldate.prototype = {
cancel: null,
minStep: 1,
trigger: 'tap',
- lang: { title: '选择日期', cancel: '取消', confirm: '确认', year: '年', month: '月', day: '日', hour: '时', min: '分', sec: '秒' }
+ lang: { title: '选择日期', cancel: '取消', confirm: '确认', year: '年', month: '月', day: '日', hour: '时', min: '分', sec: '秒' },
+ monthNames: {
+ month1: null,
+ month2: null,
+ month3: null,
+ month4: null,
+ month5: null,
+ month6: null,
+ month7: null,
+ month8: null,
+ month9: null,
+ month10: null,
+ month11: null,
+ month12: null
+ }
}
};
},
@@ -157,7 +172,8 @@ Rolldate.prototype = {
ul = '',
date = config.el ? $(config.el).bindDate || new Date() : _this.bindDate || new Date(),
itemClass = '',
- lang = config.lang;
+ lang = config.lang,
+ monthNames = config.monthNames;
for (var i = 0; i < len; i++) {
var f = FormatArr[i],
@@ -169,14 +185,16 @@ Rolldate.prototype = {
for (var j = config.beginYear; j <= config.endYear; j++) {
itemClass = j == date.getFullYear() ? 'active' : '';
- ul += '' + j + lang.year + '';
+ ul += '' + j + lang.year + '';
domMndex++;
}
} else if (f == 'MM') {
for (var k = 1; k <= 12; k++) {
itemClass = k == date.getMonth() + 1 ? 'active' : '';
- ul += '' + (k < 10 ? '0' + k : k) + lang.month + '';
+ var month = monthNames['month' + k] === null ? k < 10 ? '0' + k : k : monthNames['month' + k];
+
+ ul += '' + month + lang.month + '';
domMndex++;
}
} else if (f == 'DD') {
@@ -184,28 +202,28 @@ Rolldate.prototype = {
for (var l = 1; l <= day; l++) {
itemClass = l == date.getDate() ? 'active' : '';
- ul += '' + (l < 10 ? '0' + l : l) + lang.day + '';
+ ul += '' + (l < 10 ? '0' + l : l) + lang.day + '';
domMndex++;
}
} else if (f == 'hh') {
for (var m = 0; m <= 23; m++) {
itemClass = m == date.getHours() ? 'active' : '';
- ul += '' + (m < 10 ? '0' + m : m) + lang.hour + '';
+ ul += '' + (m < 10 ? '0' + m : m) + lang.hour + '';
domMndex++;
}
} else if (f == 'mm') {
for (var n = 0; n <= 59; n += config.minStep) {
itemClass = n == date.getMinutes() ? 'active' : '';
- ul += '' + (n < 10 ? '0' + n : n) + lang.min + '';
+ ul += '' + (n < 10 ? '0' + n : n) + lang.min + '';
domMndex++;
}
} else if (f == 'ss') {
for (var o = 0; o <= 59; o++) {
itemClass = o == date.getSeconds() ? 'active' : '';
- ul += '' + (o < 10 ? '0' + o : o) + lang.sec + '';
+ ul += '' + (o < 10 ? '0' + o : o) + lang.sec + '';
domMndex++;
}
}
@@ -436,7 +454,7 @@ Rolldate.prototype = {
}, 300);
},
getSelected: function getSelected(scroll) {
- return $('#' + scroll.wrapper.id + ' li', 1)[scroll.getSelectedIndex()].innerText.replace(/\D/g, '');
+ return $('#' + scroll.wrapper.id + ' li', 1)[scroll.getSelectedIndex()].getAttribute('data-value');
}
};
Rolldate.version = version;
diff --git a/dist/rolldate.es.js b/dist/rolldate.es.js
index 3e1fb94..22faffe 100644
--- a/dist/rolldate.es.js
+++ b/dist/rolldate.es.js
@@ -1,16 +1,17 @@
-/**
+/**
* Rolldate 3.1.3
- * Copyright 2018-2020
+ * Copyright 2018-2021
* weijhfly https://github.com/weijhfly/rolldate
* Licensed under MIT
* Released on: aug 4, 2018
*/
-
function styleInject(css, ref) {
- if ( ref === void 0 ) ref = {};
+ if (ref === void 0) ref = {};
var insertAt = ref.insertAt;
- if (!css || typeof document === 'undefined') { return; }
+ if (!css || typeof document === 'undefined') {
+ return;
+ }
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
@@ -33,7 +34,7 @@ function styleInject(css, ref) {
}
}
-var css = ".rolldate-container{font-size:20px;color:#333;text-align:center}.rolldate-container ul{margin:0;padding:0}.rolldate-container li{list-style-type:none}.rolldate-container header{position:relative;line-height:60px;font-size:18px;border-bottom:1px solid #e0e0e0}.rolldate-container .rolldate-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background-color:rgba(37,38,45,.4)}.rolldate-container .rolldate-panel{position:fixed;bottom:0;left:0;width:100%;height:273px;z-index:1000;background:#fff;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}.rolldate-container .rolldate-btn{position:absolute;left:0;top:0;height:100%;padding:0 15px;color:#666;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.rolldate-container .rolldate-confirm{left:auto;right:0;color:#007bff}.rolldate-container .rolldate-content{position:relative;top:20px}.rolldate-container .rolldate-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.rolldate-container .rolldate-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:173px;line-height:36px;overflow:hidden;-webkit-flex-basis:-8e;-ms-flex-preferred-size:-8e;flex-basis:-8e;width:1%}.rolldate-container .rolldate-wrapper ul{margin-top:68px}.rolldate-container .rolldate-wrapper li{height:36px}.rolldate-container .rolldate-dim{position:absolute;left:0;top:0;width:100%;height:68px;background:-o-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:-webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0.4)), to(hsla(0, 0%, 100%, 0.8)));background:-o-linear-gradient(bottom, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0.8));background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.rolldate-container .mask-top{border-bottom:1px solid #ebebeb}.rolldate-container .mask-bottom{top:auto;bottom:1px;border-top:1px solid #ebebeb}.rolldate-container .fadeIn{-webkit-transform:translateZ(0);transform:translateZ(0)}.rolldate-container .fadeOut{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}@media screen and (max-width:414px){.rolldate-container{font-size:18px}}@media screen and (max-width:320px){.rolldate-container{font-size:15px}}";
+var css = ".rolldate-container{font-size:20px;color:#333;text-align:center}.rolldate-container ul{margin:0;padding:0}.rolldate-container li{list-style-type:none}.rolldate-container header{position:relative;line-height:60px;font-size:18px;border-bottom:1px solid #e0e0e0}.rolldate-container .rolldate-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background-color:rgba(37,38,45,.4)}.rolldate-container .rolldate-panel{position:fixed;bottom:0;left:0;width:100%;height:273px;z-index:1000;background:#fff;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}.rolldate-container .rolldate-btn{position:absolute;left:0;top:0;height:100%;padding:0 15px;color:#666;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.rolldate-container .rolldate-confirm{left:auto;right:0;color:#007bff}.rolldate-container .rolldate-content{position:relative;top:20px}.rolldate-container .rolldate-wrapper{display:flex}.rolldate-container .rolldate-wrapper>div{flex:1;height:173px;line-height:36px;overflow:hidden;flex-basis:-8e;width:1%}.rolldate-container .rolldate-wrapper ul{margin-top:68px}.rolldate-container .rolldate-wrapper li{height:36px}.rolldate-container .rolldate-dim{position:absolute;left:0;top:0;width:100%;height:68px;background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.rolldate-container .mask-top{border-bottom:1px solid #ebebeb}.rolldate-container .mask-bottom{top:auto;bottom:1px;border-top:1px solid #ebebeb}.rolldate-container .fadeIn{-webkit-transform:translateZ(0);transform:translateZ(0)}.rolldate-container .fadeOut{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}@media screen and (max-width:414px){.rolldate-container{font-size:18px}}@media screen and (max-width:320px){.rolldate-container{font-size:15px}}";
styleInject(css);
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -126,7 +127,21 @@ Rolldate.prototype = {
cancel: null,
minStep: 1,
trigger: 'tap',
- lang: { title: '选择日期', cancel: '取消', confirm: '确认', year: '年', month: '月', day: '日', hour: '时', min: '分', sec: '秒' }
+ lang: { title: '选择日期', cancel: '取消', confirm: '确认', year: '年', month: '月', day: '日', hour: '时', min: '分', sec: '秒' },
+ monthNames: {
+ month1: null,
+ month2: null,
+ month3: null,
+ month4: null,
+ month5: null,
+ month6: null,
+ month7: null,
+ month8: null,
+ month9: null,
+ month10: null,
+ month11: null,
+ month12: null
+ }
}
};
},
@@ -155,7 +170,8 @@ Rolldate.prototype = {
ul = '',
date = config.el ? $(config.el).bindDate || new Date() : _this.bindDate || new Date(),
itemClass = '',
- lang = config.lang;
+ lang = config.lang,
+ monthNames = config.monthNames;
for (var i = 0; i < len; i++) {
var f = FormatArr[i],
@@ -167,14 +183,16 @@ Rolldate.prototype = {
for (var j = config.beginYear; j <= config.endYear; j++) {
itemClass = j == date.getFullYear() ? 'active' : '';
- ul += '' + j + lang.year + '';
+ ul += '' + j + lang.year + '';
domMndex++;
}
} else if (f == 'MM') {
for (var k = 1; k <= 12; k++) {
itemClass = k == date.getMonth() + 1 ? 'active' : '';
- ul += '' + (k < 10 ? '0' + k : k) + lang.month + '';
+ var month = monthNames['month' + k] === null ? k < 10 ? '0' + k : k : monthNames['month' + k];
+
+ ul += '' + month + lang.month + '';
domMndex++;
}
} else if (f == 'DD') {
@@ -182,28 +200,28 @@ Rolldate.prototype = {
for (var l = 1; l <= day; l++) {
itemClass = l == date.getDate() ? 'active' : '';
- ul += '' + (l < 10 ? '0' + l : l) + lang.day + '';
+ ul += '' + (l < 10 ? '0' + l : l) + lang.day + '';
domMndex++;
}
} else if (f == 'hh') {
for (var m = 0; m <= 23; m++) {
itemClass = m == date.getHours() ? 'active' : '';
- ul += '' + (m < 10 ? '0' + m : m) + lang.hour + '';
+ ul += '' + (m < 10 ? '0' + m : m) + lang.hour + '';
domMndex++;
}
} else if (f == 'mm') {
for (var n = 0; n <= 59; n += config.minStep) {
itemClass = n == date.getMinutes() ? 'active' : '';
- ul += '' + (n < 10 ? '0' + n : n) + lang.min + '';
+ ul += '' + (n < 10 ? '0' + n : n) + lang.min + '';
domMndex++;
}
} else if (f == 'ss') {
for (var o = 0; o <= 59; o++) {
itemClass = o == date.getSeconds() ? 'active' : '';
- ul += '' + (o < 10 ? '0' + o : o) + lang.sec + '';
+ ul += '' + (o < 10 ? '0' + o : o) + lang.sec + '';
domMndex++;
}
}
@@ -434,7 +452,7 @@ Rolldate.prototype = {
}, 300);
},
getSelected: function getSelected(scroll) {
- return $('#' + scroll.wrapper.id + ' li', 1)[scroll.getSelectedIndex()].innerText.replace(/\D/g, '');
+ return $('#' + scroll.wrapper.id + ' li', 1)[scroll.getSelectedIndex()].getAttribute('data-value');
}
};
Rolldate.version = version;
diff --git a/dist/rolldate.js b/dist/rolldate.js
index d8c2174..3da3bef 100644
--- a/dist/rolldate.js
+++ b/dist/rolldate.js
@@ -1,11 +1,10 @@
-/**
+/**
* Rolldate 3.1.3
- * Copyright 2018-2020
+ * Copyright 2018-2021
* weijhfly https://github.com/weijhfly/rolldate
* Licensed under MIT
* Released on: aug 4, 2018
*/
-
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
@@ -13,10 +12,12 @@
}(this, function () { 'use strict';
function styleInject(css, ref) {
- if ( ref === void 0 ) ref = {};
+ if (ref === void 0) ref = {};
var insertAt = ref.insertAt;
- if (!css || typeof document === 'undefined') { return; }
+ if (!css || typeof document === 'undefined') {
+ return;
+ }
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
@@ -39,7 +40,7 @@
}
}
- var css = ".rolldate-container{font-size:20px;color:#333;text-align:center}.rolldate-container ul{margin:0;padding:0}.rolldate-container li{list-style-type:none}.rolldate-container header{position:relative;line-height:60px;font-size:18px;border-bottom:1px solid #e0e0e0}.rolldate-container .rolldate-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background-color:rgba(37,38,45,.4)}.rolldate-container .rolldate-panel{position:fixed;bottom:0;left:0;width:100%;height:273px;z-index:1000;background:#fff;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}.rolldate-container .rolldate-btn{position:absolute;left:0;top:0;height:100%;padding:0 15px;color:#666;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.rolldate-container .rolldate-confirm{left:auto;right:0;color:#007bff}.rolldate-container .rolldate-content{position:relative;top:20px}.rolldate-container .rolldate-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.rolldate-container .rolldate-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:173px;line-height:36px;overflow:hidden;-webkit-flex-basis:-8e;-ms-flex-preferred-size:-8e;flex-basis:-8e;width:1%}.rolldate-container .rolldate-wrapper ul{margin-top:68px}.rolldate-container .rolldate-wrapper li{height:36px}.rolldate-container .rolldate-dim{position:absolute;left:0;top:0;width:100%;height:68px;background:-o-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:-webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0.4)), to(hsla(0, 0%, 100%, 0.8)));background:-o-linear-gradient(bottom, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0.8));background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.rolldate-container .mask-top{border-bottom:1px solid #ebebeb}.rolldate-container .mask-bottom{top:auto;bottom:1px;border-top:1px solid #ebebeb}.rolldate-container .fadeIn{-webkit-transform:translateZ(0);transform:translateZ(0)}.rolldate-container .fadeOut{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}@media screen and (max-width:414px){.rolldate-container{font-size:18px}}@media screen and (max-width:320px){.rolldate-container{font-size:15px}}";
+ var css = ".rolldate-container{font-size:20px;color:#333;text-align:center}.rolldate-container ul{margin:0;padding:0}.rolldate-container li{list-style-type:none}.rolldate-container header{position:relative;line-height:60px;font-size:18px;border-bottom:1px solid #e0e0e0}.rolldate-container .rolldate-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background-color:rgba(37,38,45,.4)}.rolldate-container .rolldate-panel{position:fixed;bottom:0;left:0;width:100%;height:273px;z-index:1000;background:#fff;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}.rolldate-container .rolldate-btn{position:absolute;left:0;top:0;height:100%;padding:0 15px;color:#666;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.rolldate-container .rolldate-confirm{left:auto;right:0;color:#007bff}.rolldate-container .rolldate-content{position:relative;top:20px}.rolldate-container .rolldate-wrapper{display:flex}.rolldate-container .rolldate-wrapper>div{flex:1;height:173px;line-height:36px;overflow:hidden;flex-basis:-8e;width:1%}.rolldate-container .rolldate-wrapper ul{margin-top:68px}.rolldate-container .rolldate-wrapper li{height:36px}.rolldate-container .rolldate-dim{position:absolute;left:0;top:0;width:100%;height:68px;background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.rolldate-container .mask-top{border-bottom:1px solid #ebebeb}.rolldate-container .mask-bottom{top:auto;bottom:1px;border-top:1px solid #ebebeb}.rolldate-container .fadeIn{-webkit-transform:translateZ(0);transform:translateZ(0)}.rolldate-container .fadeOut{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}@media screen and (max-width:414px){.rolldate-container{font-size:18px}}@media screen and (max-width:320px){.rolldate-container{font-size:15px}}";
styleInject(css);
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -132,7 +133,21 @@
cancel: null,
minStep: 1,
trigger: 'tap',
- lang: { title: '选择日期', cancel: '取消', confirm: '确认', year: '年', month: '月', day: '日', hour: '时', min: '分', sec: '秒' }
+ lang: { title: '选择日期', cancel: '取消', confirm: '确认', year: '年', month: '月', day: '日', hour: '时', min: '分', sec: '秒' },
+ monthNames: {
+ month1: null,
+ month2: null,
+ month3: null,
+ month4: null,
+ month5: null,
+ month6: null,
+ month7: null,
+ month8: null,
+ month9: null,
+ month10: null,
+ month11: null,
+ month12: null
+ }
}
};
},
@@ -161,7 +176,8 @@
ul = '',
date = config.el ? $(config.el).bindDate || new Date() : _this.bindDate || new Date(),
itemClass = '',
- lang = config.lang;
+ lang = config.lang,
+ monthNames = config.monthNames;
for (var i = 0; i < len; i++) {
var f = FormatArr[i],
@@ -173,14 +189,16 @@
for (var j = config.beginYear; j <= config.endYear; j++) {
itemClass = j == date.getFullYear() ? 'active' : '';
- ul += '' + j + lang.year + '';
+ ul += '' + j + lang.year + '';
domMndex++;
}
} else if (f == 'MM') {
for (var k = 1; k <= 12; k++) {
itemClass = k == date.getMonth() + 1 ? 'active' : '';
- ul += '' + (k < 10 ? '0' + k : k) + lang.month + '';
+ var month = monthNames['month' + k] === null ? k < 10 ? '0' + k : k : monthNames['month' + k];
+
+ ul += '' + month + lang.month + '';
domMndex++;
}
} else if (f == 'DD') {
@@ -188,28 +206,28 @@
for (var l = 1; l <= day; l++) {
itemClass = l == date.getDate() ? 'active' : '';
- ul += '' + (l < 10 ? '0' + l : l) + lang.day + '';
+ ul += '' + (l < 10 ? '0' + l : l) + lang.day + '';
domMndex++;
}
} else if (f == 'hh') {
for (var m = 0; m <= 23; m++) {
itemClass = m == date.getHours() ? 'active' : '';
- ul += '' + (m < 10 ? '0' + m : m) + lang.hour + '';
+ ul += '' + (m < 10 ? '0' + m : m) + lang.hour + '';
domMndex++;
}
} else if (f == 'mm') {
for (var n = 0; n <= 59; n += config.minStep) {
itemClass = n == date.getMinutes() ? 'active' : '';
- ul += '' + (n < 10 ? '0' + n : n) + lang.min + '';
+ ul += '' + (n < 10 ? '0' + n : n) + lang.min + '';
domMndex++;
}
} else if (f == 'ss') {
for (var o = 0; o <= 59; o++) {
itemClass = o == date.getSeconds() ? 'active' : '';
- ul += '' + (o < 10 ? '0' + o : o) + lang.sec + '';
+ ul += '' + (o < 10 ? '0' + o : o) + lang.sec + '';
domMndex++;
}
}
@@ -440,7 +458,7 @@
}, 300);
},
getSelected: function getSelected(scroll) {
- return $('#' + scroll.wrapper.id + ' li', 1)[scroll.getSelectedIndex()].innerText.replace(/\D/g, '');
+ return $('#' + scroll.wrapper.id + ' li', 1)[scroll.getSelectedIndex()].getAttribute('data-value');
}
};
Rolldate.version = version;
diff --git a/dist/rolldate.min.js b/dist/rolldate.min.js
index e4ab84a..44a9dc5 100644
--- a/dist/rolldate.min.js
+++ b/dist/rolldate.min.js
@@ -1,9 +1,8 @@
-/**
+/**
* Rolldate 3.1.3
- * Copyright 2018-2020
+ * Copyright 2018-2021
* weijhfly https://github.com/weijhfly/rolldate
* Licensed under MIT
* Released on: aug 4, 2018
*/
-
-!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t=t||self).Rolldate=i()}(this,function(){"use strict";!function(t,i){void 0===i&&(i={});var e=i.insertAt;if(t&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===e&&o.firstChild?o.insertBefore(s,o.firstChild):o.appendChild(s),s.styleSheet?s.styleSheet.cssText=t:s.appendChild(document.createTextNode(t))}}(".rolldate-container{font-size:20px;color:#333;text-align:center}.rolldate-container ul{margin:0;padding:0}.rolldate-container li{list-style-type:none}.rolldate-container header{position:relative;line-height:60px;font-size:18px;border-bottom:1px solid #e0e0e0}.rolldate-container .rolldate-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background-color:rgba(37,38,45,.4)}.rolldate-container .rolldate-panel{position:fixed;bottom:0;left:0;width:100%;height:273px;z-index:1000;background:#fff;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}.rolldate-container .rolldate-btn{position:absolute;left:0;top:0;height:100%;padding:0 15px;color:#666;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.rolldate-container .rolldate-confirm{left:auto;right:0;color:#007bff}.rolldate-container .rolldate-content{position:relative;top:20px}.rolldate-container .rolldate-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.rolldate-container .rolldate-wrapper>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:173px;line-height:36px;overflow:hidden;-webkit-flex-basis:-8e;-ms-flex-preferred-size:-8e;flex-basis:-8e;width:1%}.rolldate-container .rolldate-wrapper ul{margin-top:68px}.rolldate-container .rolldate-wrapper li{height:36px}.rolldate-container .rolldate-dim{position:absolute;left:0;top:0;width:100%;height:68px;background:-o-linear-gradient(bottom,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));background:-webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0.4)), to(hsla(0, 0%, 100%, 0.8)));background:-o-linear-gradient(bottom, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0.8));background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.rolldate-container .mask-top{border-bottom:1px solid #ebebeb}.rolldate-container .mask-bottom{top:auto;bottom:1px;border-top:1px solid #ebebeb}.rolldate-container .fadeIn{-webkit-transform:translateZ(0);transform:translateZ(0)}.rolldate-container .fadeOut{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}@media screen and (max-width:414px){.rolldate-container{font-size:18px}}@media screen and (max-width:320px){.rolldate-container{font-size:15px}}");"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function S(t,i){return"string"!=typeof t&&t.nodeType?t:i?document.querySelectorAll(t):document.querySelector(t)}var t,Y=(function(t,i){t.exports=function(){function s(t,i){for(;i+1this.minScrollX||this.xthis.minScrollY||this.ythis.options.momentumLimitTime&&nn+this.options.directionLockThreshold?this.directionLocked="h":n>=s+this.options.directionLockThreshold?this.directionLocked="v":this.directionLocked="n"),"h"===this.directionLocked){if("vertical"===this.options.eventPassthrough)t.preventDefault();else if("horizontal"===this.options.eventPassthrough)return void(this.initiated=!1);o=0}else if("v"===this.directionLocked){if("horizontal"===this.options.eventPassthrough)t.preventDefault();else if("vertical"===this.options.eventPassthrough)return void(this.initiated=!1);e=0}e=this.hasHorizontalScroll?e:0,o=this.hasVerticalScroll?o:0,this.movingDirectionX=0this.minScrollX||athis.minScrollX&&d||athis.minScrollX?this.minScrollX:this.maxScrollX),(l>this.minScrollY||lthis.minScrollY&&h||lthis.minScrollY?this.minScrollY:this.maxScrollY),this.moved||(this.moved=!0,this.trigger("scrollStart")),this._translate(a,l),r-this.startTime>this.options.momentumLimitTime&&(this.startTime=r,this.startX=this.x,this.startY=this.y,1===this.options.probeType&&this.trigger("scroll",{x:this.x,y:this.y})),1document.documentElement.clientWidth-this.options.momentumLimitDistance||vdocument.documentElement.clientHeight-this.options.momentumLimitDistance)&&this._end(t)}}},L.prototype._end=function(t){if(this.enabled&&!this.destroyed&&T[t.type]===this.initiated){this.initiated=!1,this.options.preventDefault&&!Y(t.target,this.options.preventDefaultException)&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation(),this.trigger("touchEnd",{x:this.x,y:this.y}),this.isInTransition=!1;var i=Math.round(this.x),e=Math.round(this.y),o=i-this.absStartX,s=e-this.absStartY;if(this.directionX=0this.options.momentumLimitDistance||r>this.options.momentumLimitDistance)){var h=!1,c=!1,d=!1,p=!1,u=this.options.bounce;!1!==u&&(h=void 0===u.top||u.top,c=void 0===u.bottom||u.bottom,d=void 0===u.left||u.left,p=void 0===u.right||u.right);var m=-1===this.directionX&&d||1===this.directionX&&p?this.wrapperWidth:0,f=-1===this.directionY&&h||1===this.directionY&&c?this.wrapperHeight:0,v=this.hasHorizontalScroll?_(this.x,this.startX,n,this.maxScrollX,this.minScrollX,m,this.options):{destination:i,duration:0},g=this.hasVerticalScroll?_(this.y,this.startY,n,this.maxScrollY,this.minScrollY,f,this.options):{destination:e,duration:0};i=v.destination,e=g.destination,l=Math.max(v.duration,g.duration),this.isInTransition=!0}else this.options.wheel&&(e=Math.round(e/this.itemHeight)*this.itemHeight,l=this.options.wheel.adjustTime||400);var w=X.swipe;if(this.options.snap){var y=this._nearestSnap(i,e);this.currentPage=y,l=this.options.snapSpeed||Math.max(Math.max(Math.min(Math.abs(i-y.x),1e3),Math.min(Math.abs(e-y.y),1e3)),300),i=y.x,e=y.y,this.directionX=0,this.directionY=0,w=this.options.snap.easing||X.bounce}if(i!==this.x||e!==this.y)return(i>this.minScrollX||ithis.minScrollY||ethis.minScrollY?this.selectedIndex=0:ithis.minScrollX?this.minScrollX:n.leftthis.minScrollY?this.minScrollY:n.topthis.minScrollX?e=this.minScrollX:othis.minScrollY?s=this.minScrollY:nthis.minScrollX?p=this.minScrollX:pthis.minScrollY?u=this.minScrollY:u"}var y='\n \n
\n '+c.cancel+"\n "+c.title+'\n '+c.confirm+'\n \n
\n
",b=document.createElement("div");b.className="rolldate-container",b.innerHTML=y,document.body.appendChild(b),n.scroll={};for(var x=function(t){var i=a[l[t]];n.scroll[l[t]]=new Y("#"+i,{wheel:{selectedIndex:0}});var o=n.scroll[l[t]],e=S("#"+i+" .active"),s=e?e.getAttribute("data-index"):Math.round(h.getMinutes()/r.minStep);o.wheelTo(s),o.on("scrollEnd",function(){if(r.moveEnd&&r.moveEnd.call(n,o),-1!=[a.YYYY,a.MM].indexOf(o.wrapper.id)&&n.scroll.YYYY&&n.scroll.MM&&n.scroll.DD){var t=n.getMonthlyDay(n.getSelected(n.scroll.YYYY),n.getSelected(n.scroll.MM)),i="";if(t!=S("#"+a.DD+" li",1).length){for(var e=1;e<=t;e++)i+=''+(e<10?"0"+e:e)+c.day+"";S("#"+a.DD+" ul").innerHTML=i,n.scroll.DD.refresh()}}})},T=0;Tdiv{flex:1;height:173px;line-height:36px;overflow:hidden;flex-basis:-8e;width:1%}.rolldate-container .rolldate-wrapper ul{margin-top:68px}.rolldate-container .rolldate-wrapper li{height:36px}.rolldate-container .rolldate-dim{position:absolute;left:0;top:0;width:100%;height:68px;background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8));pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:10}.rolldate-container .mask-top{border-bottom:1px solid #ebebeb}.rolldate-container .mask-bottom{top:auto;bottom:1px;border-top:1px solid #ebebeb}.rolldate-container .fadeIn{-webkit-transform:translateZ(0);transform:translateZ(0)}.rolldate-container .fadeOut{-webkit-transform:translate3d(0,273px,0);transform:translate3d(0,273px,0)}@media screen and (max-width:414px){.rolldate-container{font-size:18px}}@media screen and (max-width:320px){.rolldate-container{font-size:15px}}");"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var t,Y=(function(t,i){t.exports=function(){function s(t,i){for(;i+1this.minScrollX||this.xthis.minScrollY||this.ythis.options.momentumLimitTime&&nn+this.options.directionLockThreshold?this.directionLocked="h":n>=s+this.options.directionLockThreshold?this.directionLocked="v":this.directionLocked="n"),"h"===this.directionLocked){if("vertical"===this.options.eventPassthrough)t.preventDefault();else if("horizontal"===this.options.eventPassthrough)return void(this.initiated=!1);o=0}else if("v"===this.directionLocked){if("horizontal"===this.options.eventPassthrough)t.preventDefault();else if("vertical"===this.options.eventPassthrough)return void(this.initiated=!1);e=0}e=this.hasHorizontalScroll?e:0,o=this.hasVerticalScroll?o:0,this.movingDirectionX=0this.minScrollX||athis.minScrollX&&d||athis.minScrollX?this.minScrollX:this.maxScrollX),(l>this.minScrollY||lthis.minScrollY&&h||lthis.minScrollY?this.minScrollY:this.maxScrollY),this.moved||(this.moved=!0,this.trigger("scrollStart")),this._translate(a,l),r-this.startTime>this.options.momentumLimitTime&&(this.startTime=r,this.startX=this.x,this.startY=this.y,1===this.options.probeType&&this.trigger("scroll",{x:this.x,y:this.y})),1document.documentElement.clientWidth-this.options.momentumLimitDistance||vdocument.documentElement.clientHeight-this.options.momentumLimitDistance)&&this._end(t)}}},L.prototype._end=function(t){if(this.enabled&&!this.destroyed&&T[t.type]===this.initiated){this.initiated=!1,this.options.preventDefault&&!Y(t.target,this.options.preventDefaultException)&&t.preventDefault(),this.options.stopPropagation&&t.stopPropagation(),this.trigger("touchEnd",{x:this.x,y:this.y}),this.isInTransition=!1;var i=Math.round(this.x),e=Math.round(this.y),o=i-this.absStartX,s=e-this.absStartY;if(this.directionX=0this.options.momentumLimitDistance||r>this.options.momentumLimitDistance)){var h=!1,c=!1,d=!1,p=!1,u=this.options.bounce;!1!==u&&(h=void 0===u.top||u.top,c=void 0===u.bottom||u.bottom,d=void 0===u.left||u.left,p=void 0===u.right||u.right);var m=-1===this.directionX&&d||1===this.directionX&&p?this.wrapperWidth:0,f=-1===this.directionY&&h||1===this.directionY&&c?this.wrapperHeight:0,v=this.hasHorizontalScroll?_(this.x,this.startX,n,this.maxScrollX,this.minScrollX,m,this.options):{destination:i,duration:0},g=this.hasVerticalScroll?_(this.y,this.startY,n,this.maxScrollY,this.minScrollY,f,this.options):{destination:e,duration:0};i=v.destination,e=g.destination,l=Math.max(v.duration,g.duration),this.isInTransition=!0}else this.options.wheel&&(e=Math.round(e/this.itemHeight)*this.itemHeight,l=this.options.wheel.adjustTime||400);var w=X.swipe;if(this.options.snap){var y=this._nearestSnap(i,e);this.currentPage=y,l=this.options.snapSpeed||Math.max(Math.max(Math.min(Math.abs(i-y.x),1e3),Math.min(Math.abs(e-y.y),1e3)),300),i=y.x,e=y.y,this.directionX=0,this.directionY=0,w=this.options.snap.easing||X.bounce}if(i!==this.x||e!==this.y)return(i>this.minScrollX||ithis.minScrollY||ethis.minScrollY?this.selectedIndex=0:ithis.minScrollX?this.minScrollX:n.leftthis.minScrollY?this.minScrollY:n.topthis.minScrollX?e=this.minScrollX:othis.minScrollY?s=this.minScrollY:nthis.minScrollX?p=this.minScrollX:pthis.minScrollY?u=this.minScrollY:u"}var x='\n \n
\n '+c.cancel+"\n "+c.title+'\n '+c.confirm+'\n \n
\n
",b=document.createElement("div");b.className="rolldate-container",b.innerHTML=x,document.body.appendChild(b),n.scroll={};for(var T=function(t){var i=a[l[t]];n.scroll[l[t]]=new Y("#"+i,{wheel:{selectedIndex:0}});var o=n.scroll[l[t]],e=D("#"+i+" .active"),s=e?e.getAttribute("data-index"):Math.round(h.getMinutes()/r.minStep);o.wheelTo(s),o.on("scrollEnd",function(){if(r.moveEnd&&r.moveEnd.call(n,o),-1!=[a.YYYY,a.MM].indexOf(o.wrapper.id)&&n.scroll.YYYY&&n.scroll.MM&&n.scroll.DD){var t=n.getMonthlyDay(n.getSelected(n.scroll.YYYY),n.getSelected(n.scroll.MM)),i="";if(t!=D("#"+a.DD+" li",1).length){for(var e=1;e<=t;e++)i+=''+(e<10?"0"+e:e)+c.day+"";D("#"+a.DD+" ul").innerHTML=i,n.scroll.DD.refresh()}}})},S=0;S自定义语言
+ custom month names (english)
+
设置默认日期
@@ -327,6 +333,36 @@ 其他示例
lang: lang
})
+ // Custom month names
+ new Rolldate({
+ el: '#date-group3-2',
+ format: 'MM-DD-YYYY',
+ beginYear: 2000,
+ endYear: 2100,
+ lang: {
+ title: 'Select a date',
+ cancel: 'Cancel',
+ confirm: 'Confirm',
+ day: '',
+ month: '',
+ year: '',
+ },
+ monthNames: {
+ month1: 'Jan',
+ month2: 'Feb',
+ month3: 'Mar',
+ month4: 'Apr',
+ month5: 'May',
+ month6: 'Jun',
+ month7: 'Jul',
+ month8: 'Aug',
+ month9: 'Sep',
+ month10: 'Oct',
+ month11: 'Nov',
+ month12: 'Dec',
+ }
+ })
+
// 设置默认日期 内部使用document.getElementById('date').bindDate = new Date('2019/05/13');
new Rolldate({
el: '#date-group4-1',
diff --git a/src/index.js b/src/index.js
index f1123ad..13ffa78 100644
--- a/src/index.js
+++ b/src/index.js
@@ -72,7 +72,21 @@ Rolldate.prototype = {
cancel:null,
minStep:1,
trigger:'tap',
- lang:{title:'选择日期', cancel:'取消', confirm:'确认', year:'年', month:'月', day:'日', hour:'时', min:'分', sec:'秒'}
+ lang:{title:'选择日期', cancel:'取消', confirm:'确认', year:'年', month:'月', day:'日', hour:'时', min:'分', sec:'秒'},
+ monthNames: {
+ month1: null,
+ month2: null,
+ month3: null,
+ month4: null,
+ month5: null,
+ month6: null,
+ month7: null,
+ month8: null,
+ month9: null,
+ month10: null,
+ month11: null,
+ month12: null,
+ }
}
};
},
@@ -101,7 +115,8 @@ Rolldate.prototype = {
ul = '',
date = config.el? ($(config.el).bindDate || new Date()) : (_this.bindDate || new Date()),
itemClass = '',
- lang = config.lang;
+ lang = config.lang,
+ monthNames = config.monthNames;
for(let i=0; i${j}${lang.year}`;
+ ul += `${j}${lang.year}`;
domMndex ++;
}
}else if(f == 'MM'){
for(let k=1; k<=12; k++){
itemClass = k == date.getMonth() + 1? 'active':'';
- ul += `${k<10? '0'+k : k}${lang.month}`;
+ const month = monthNames['month'+k] === null ? k<10? '0'+k : k: monthNames['month'+k];
+
+ ul += `${month}${lang.month}`;
domMndex ++;
}
}else if(f == 'DD'){
@@ -128,28 +145,28 @@ Rolldate.prototype = {
for(let l=1; l<=day; l++){
itemClass = l == date.getDate()? 'active':'';
- ul += `${l<10? '0'+l : l}${lang.day}`;
+ ul += `${l<10? '0'+l : l}${lang.day}`;
domMndex ++;
}
}else if(f == 'hh'){
for(let m=0; m<=23; m++){
itemClass = m == date.getHours()? 'active':'';
- ul += `${m<10? '0'+m : m}${lang.hour}`;
+ ul += `${m<10? '0'+m : m}${lang.hour}`;
domMndex ++;
}
}else if(f == 'mm'){
for(let n=0; n<=59; n+=config.minStep){
itemClass = n == date.getMinutes()? 'active':'';
- ul += `${n<10? '0'+n : n}${lang.min}`;
+ ul += `${n<10? '0'+n : n}${lang.min}`;
domMndex ++;
}
}else if(f == 'ss'){
for(let o=0; o<=59; o++){
itemClass = o == date.getSeconds()? 'active':'';
- ul += `${o<10? '0'+o : o}${lang.sec}`;
+ ul += `${o<10? '0'+o : o}${lang.sec}`;
domMndex ++;
}
}
@@ -190,7 +207,7 @@ Rolldate.prototype = {
let that = _this.scroll[FormatArr[i]],
active = $(`#${$id} .active`),
index = active? active.getAttribute('data-index') : Math.round(date.getMinutes()/config.minStep);
-
+
that.wheelTo(index);
// 滚动结束
that.on('scrollEnd', () => {
@@ -218,19 +235,19 @@ Rolldate.prototype = {
tap:function (el, fn) {
let _this = this,
hasTouch = "ontouchstart" in window;
-
+
if(hasTouch && _this.config.trigger == 'tap'){
let o = {},
touchstart = function(e) {
let t = e.touches[0];
-
+
o.startX = t.pageX;
o.startY = t.pageY;
o.sTime = + new Date;
},
touchend = function(e) {
let t = e.changedTouches[0];
-
+
o.endX = t.pageX;
o.endY = t.pageY;
if((+ new Date) - o.sTime < 300){
@@ -384,7 +401,7 @@ Rolldate.prototype = {
}, 300);
},
getSelected: function(scroll){
- return $('#'+scroll.wrapper.id+' li', 1)[scroll.getSelectedIndex()].innerText.replace(/\D/g, '');
+ return $('#'+scroll.wrapper.id+' li', 1)[scroll.getSelectedIndex()].getAttribute('data-value');
}
}
Rolldate.version = version;