实例介绍
【实例简介】
【实例截图】
【核心代码】
<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>
好例子网口号：伸出你的我的手 — 分享！
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论