iFish/Light12306
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

日历可订票范围增加颜色显示

Browse Source
This commit is contained in:
iFish 2014-09-09 22:28:48 +08:00
parent 4613160970
commit 41ab3cadc0
3 changed files with 47 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
Web12306/css/ui/date-selector.css
View File

@ -98,11 +98,12 @@
line-height: 28px;
text-align: center;
}
.date-bar-wrap .date-bar .date-bar-list li.disabled {
background-color: #cccccc;
color: #aaaaaa;
cursor: not-allowed;
}
.date-bar-wrap .date-bar .date-bar-list li.disabled {
background-color: #cccccc;
color: #aaaaaa;
cursor: not-allowed;
}
.date-bar-wrap .date-bar .date-bar-list li h5 {
font-weight: bold;
@ -132,29 +133,29 @@
border-top-color: #dfdfdf;
}
.date-bar-wrap .date-bar .date-bar-list li.selected:after,
.date-bar-wrap .date-bar .date-bar-list li.selected:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-bottom: 5px solid #c6701a;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 100%;
left: 50%;
margin-left: -5px;
margin-top: -1px;
}
.date-bar-wrap .date-bar .date-bar-list li.selected:after,
.date-bar-wrap .date-bar .date-bar-list li.selected:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-bottom: 5px solid #c6701a;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 100%;
left: 50%;
margin-left: -5px;
margin-top: -1px;
}
.date-bar-wrap .date-bar .date-bar-list li.selected:after {
border-bottom: 5px solid #f5f5f5;
margin-top: 0;
}
.date-bar-wrap .date-bar .date-bar-list li.selected:after {
border-bottom: 5px solid #f5f5f5;
margin-top: 0;
}
.date-bar-wrap .date-bar .date-bar-list li.selected + li {
border-left: 1px solid #d67e29;
}
.date-bar-wrap .date-bar .date-bar-list li.selected + li {
border-left: 1px solid #d67e29;
}
.date-bar-wrap .date-bar .date-bar-list li:last-child {
}
@ -213,16 +214,22 @@
cursor: pointer;
}
/*.date-selector table td:active {
/*.date-selector table td:active {
background-color: #f78800;
color: #ffffff;
cursor: pointer;
}*/
.date-selector .date-current {
color: #f78800;
font-weight: bold;
}
.date-selector .date-current {
color: #f78800;
font-weight: bold;
}
.date-selector .date-commonavailable {
color: #d8a15e;
background-color: #FFF1E0;
font-weight: bold;
}
.date-selector .date-notavailable {
background-color: #ffffff;

7
Web12306/css/ui/index-search-base.css
View File

@ -228,13 +228,14 @@
border-top: 1px solid#e9e8e2;
border-right: 1px solid#e9e8e2;
border-bottom: 1px solid#e9e8e2;
border-left: 1px solid#e9e8e2;
border-left: none;
background-color: #fbfbfb;
right: 5px;
right: 0;
color: #898989;
padding: 8px 8px 8px 15px;
text-decoration: underline;
float: right;
position: relative;
}
.search-more-option:hover {
@ -252,7 +253,7 @@
width: 1px;
height: 0;
border-top: 16px #e9e8e2 solid;
border-left: 7px solid #fdfbf2;
border-left: 7px solid rgba(255, 249, 233, 255);
top: 0;
border-bottom: 16px #e9e8e2 solid;
}

5
Web12306/js/ui/widget_datedropdown.js
View File

@ -1,4 +1,5 @@
define(function (require, exports, module) {
var param = require("../data.js");
var getCurDate = function () {
var now = new Date();
//now = new Date(Math.floor(now.getTime() / 86400000) * 86400000);
@ -23,6 +24,8 @@
var currentDate = getCurDate();
var dateTmp = calendarBegin;
var minTime = param.minDate.getTime();
var maxTime = param.maxDate.getTime();
for (var i = 0; i < 42; i++) {
var cell = cells.eq(i);
cell.html(dateTmp.getDate());
@ -32,6 +35,8 @@
}
if (dateTmp.getTime() === currentDate.getTime()) {
cell.addClass("date-current");
} else if (dateTmp.getTime() <= maxTime && dateTmp.getTime() >= minTime) {
cell.addClass("date-commonavailable");
}
cell.attr("data-date", getDateString(dateTmp));
dateTmp = new Date(dateTmp.getTime() + 86400000);