基本信息
源码名称：html5手机端 时间选择控件
源码大小：0.04M
文件格式：.zip
开发语言：CSS
更新时间：2016-01-05
友情提示：（无需注册或充值，赞助后即可获取资源下载链接）
嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300
本次赞助数额为： 2 元×
微信扫码支付：2 元
×
请留下您的邮箱，我们将在2小时内将文件发到您的邮箱
源码介绍
<meta charset="utf-8">
<dl class="H-dlList">
<dt><span class="H-place1"></span></dt>
<dd>
<input name="order_time" value="" id="svctime" placeholder="选择服务时间" readonly="" class="">
<i></i>
</dd>
</dl>
<script type="text/javascript" src="./datepick/zepto.js"></script>
<script src="./datepick/mobiscroll.zepto.js" type="text/javascript"></script>
<script src="./datepick/mobiscroll.core.js" type="text/javascript"></script>
<script src="./datepick/mobiscroll.scroller.js" type="text/javascript"></script>
<script src="./datepick/mobiscroll.datetime.js" type="text/javascript"></script>
<script src="./datepick/mobiscroll.scroller.android-ics.js" type="text/javascript"></script>
<script src="./datepick/mobiscroll.i18n.zh.js" type="text/javascript"></script>
<link href="./datepick/mobiscroll.scroller.css" rel="stylesheet" type="text/css">
<link href="./datepick/mobiscroll.scroller.android-ics.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
var keyword = 'project_cleaning';
var city = '北京';
(function(a) {
var b = {weekText: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],daysCount: 4,}; //
a.mobiscroll.presets.datehour = function(p) {
var v = a.extend({}, p.settings), x = a.extend(p.settings, b, v), t = a(this);
var l = new Date();
var o = [];
var e = {label: "日期",keys: [],values: [],};
var w = {label: "时间",keys: [],values: [],};
for (var k = 0; k < x.daysCount; k ) {
var j = l.valueOf();
j = j k * 24 * 60 * 60 * 1000;
j = new Date(j);
var u = j.getFullYear();
var g = j.getMonth() 1;
var r = j.getDate();
var f = g "月" r "日 " x.weekText[j.getDay()];
if (g <= 9) {
g = "0" g
}
if (r <= 9) {
r = "0" r
}
var q = u "-" g "-" r;
e.keys.push(q);
if (k == 0) {
f = "今天"
} else {
if (k == 1) {
f = "明天"
}
}
e.values.push(f)
}
for (var n = 0; n <= 23; n ) {
if (n <= 9) {
n = "0" n
}
w.keys.push(n ":00",n ":30"); //时间间隔
}
for(var i = 0; i<w.keys.length; i ){
w.values.push(w.keys[i])
}
var c = [];
c.push(e);
c.push(w);
o.push(c);
return {wheels: o,parseValue: function(I, D) {
console.info("parseValue:" I);
var B = new RegExp(/[0-9]{4}-[0-9]{2}-[0-9]{2}[" "]{1}[0-9]{2}[:]{1}[0-9]{2}/);
if (I == null || I == "" || !B.test(I)) {
var H = new Date();
var C = H.getHours();
var s = H.getMinutes();
if (C >= 0 && C < 8 || (C == 8 && s == 0)) {
C = 10
} else {
if (C >= 8 && C < 17 || (C == 17 && s == 0)) {
if (s == 0) {
C = C 2
} else {
C = C 3
}
} else {
H = H.valueOf();
H = H 24 * 60 * 60 * 1000;
H = new Date(H);
C = 10
}
}
if (C > 19) {
C = 19
}
var G = H.getFullYear();
var z = H.getMonth() 1;
var F = H.getDate();
z = z <= 9 ? "0" z : z;
F = F <= 9 ? "0" F : F;
C = C <= 9 ? "0" C : C;
I = G "-" z "-" F " " C ":00";
console.info("defaultValue:" I)
}
var h = I.split(" "), E = [], A = 0, J;
a.each(D.settings.wheels, function(i, d) {
a.each(d, function(y, m) {
m = m.values ? m : convert(m);
J = m.keys || m.values;
if (a.inArray(h[A], J) !== -1) {
E.push(h[A])
} else {
E.push(J[0])
}
A
})
});
return E
},validate: function(C, I) {
var N = new Date();
var s = N.getHours(); //11:59 获取11
var h = N.getMinutes();
if (s >= 0 && s < 8 || (s == 8 && h == 0)) {
if(s >= 0 && s < 8 && keyword == "project_cleaning" && city == "北京"){
console.log("00:00 ~ 07:59");
s = 12;
}else{
s = 10
}
} else {
if (s >= 8 && s < 17 || (s == 17 && h == 0)) {
if(keyword == "project_cleaning" && city == "北京"){
if((s 4) > 18 || ((s 4) == 18 && h > 0)){
console.log(s "1")
N = N.valueOf();
N = N 24 * 60 * 60 * 1000;
N = new Date(N);
if((s 4) >= 20){
console.log("00:00 ~ 07:59");
s = 12;
}else{
s = 8;
}
}else{
s = s 4;
}
}else{
if (h == 0) {
s = s 2
} else {
s = s 2
}
}
} else {
N = N.valueOf();
N = N 24 * 60 * 60 * 1000;
N = new Date(N);
if(keyword == "project_cleaning" && city == "北京"){
console.log("16:00 ~ 23:59 ");
s = 12;
}else{
s = 8
}
}
}
if (s > 19) {
console.log(s ",")
s = 19
}
//第一段时间
var s = N.getHours();
s=s 2;
var B = N.getFullYear();
var G = N.getMonth() 1;
var K = N.getDate();
G = G <= 9 ? "0" G : G;
K = K <= 9 ? "0" K : K;
s = s <= 9 ? "0" s : s;
var E = B "-" G "-" K;
var L = a(".dw-ul", C).eq(0);
var D = a(".dw-ul", C).eq(1);
var O = a(".dw-li", L).index(a('.dw-li[data-val="' E '"]', L)), M = a(".dw-li", L).size();
a(".dw-li", L).removeClass("dw-v").slice(O, M).addClass("dw-v");
var A = s ":00", z = "23:00"; //当天日期截止小时数
var J = p.temp;
if (J[0] != E) { //某天开始时间
A = "01:00"
} else {
if (N.getHours() > 20 || (N.getHours() == 20 && h > 0)) {
if(keyword == "project_cleaning" && city == "北京"){
A = "12:00";
}else{
A = "10:00";
}
}
}
var H = a(".dw-li", D).index(a('.dw-li[data-val="' A '"]', D)), F = a(".dw-li", D).index(a('.dw-li[data-val="' z '"]', D));
a(".dw-li", D).removeClass("dw-v").slice(H, F 1).addClass("dw-v")
},}
};
a.mobiscroll.presetShort("datehour")
})(jQuery);
</script>
<script type="text/javascript">
$(function () {
var dateScroll = function(){
var date = new Date();
var curr = new Date().getFullYear(),
d = date.getDate(),
m = date.getMonth();
$('#svctime').scroller('destroy').scroller({
preset: 'datehour',
minDate: new Date(curr, m, d, 8, 00),
maxDate: new Date(curr, m, d 7),
invalid: [{ d: new Date(), start: '00:00', end: (date.getHours() 6) ':' date.getMinutes() }],
theme: "android-ics light",
mode: "scroller",
lang: 'zh',
display:"bottom",
animate: "slideup",
stepMinute: 30,
dateOrder: 'MMDdd',
timeWheels: 'HHii',
rows:3
});
}
dateScroll();//时间选择控件
});
</script>
</body></html>