mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2026-03-27 03:33:25 +08:00
flow ui
This commit is contained in:
yubaolee
599
OpenAuth.Mvc/Content/scripts/plugins/datepicker/DatePicker.js
Normal file
599
OpenAuth.Mvc/Content/scripts/plugins/datepicker/DatePicker.js
Normal file
@@ -0,0 +1,599 @@
|
||||
/**
|
||||
* add auto hide when mouse moveout
|
||||
*
|
||||
* @version 1.0.1
|
||||
* @date 2010-11-23
|
||||
* @author coraldane@gmail.com
|
||||
*/
|
||||
|
||||
/**
|
||||
* Date Picker
|
||||
* @param inputObj The input object want to contain date.
|
||||
* @param dateFormatStyle Default Date Formatter is "yyyy-MM-dd", you could use your own defined format.
|
||||
* @param beginDate Default value is 1990-01-01
|
||||
* @param endDate Default value is 2020-01-01
|
||||
* @param lang 0(English)|1(Chinese) Default Language is 0(English).
|
||||
*/
|
||||
function setday(inputObj,dateFormatStyle,beginDate,endDate,lang){
|
||||
if(null == inputObj){return null;}
|
||||
new Calendar(inputObj,dateFormatStyle,beginDate,endDate,lang).show();
|
||||
}
|
||||
|
||||
/**
|
||||
* Month Picker
|
||||
* @param inputObj The input object want to contain date.
|
||||
* @param dateFormatStyle Default Date Formatter is "yyyy-MM", you could use your own defined format.
|
||||
* @param beginDate Default value is 1990-01
|
||||
* @param endDate Default value is 2020-01
|
||||
* @param lang 0(English)|1(Chinese) Default Language is 0(English).
|
||||
*/
|
||||
function setmonth(inputObj,dateFormatStyle,beginDate,endDate,lang){
|
||||
if(null == inputObj){return null;}
|
||||
new Calendar(inputObj,dateFormatStyle,beginDate,endDate,lang,"m").show();
|
||||
}
|
||||
|
||||
/**
|
||||
Calendar Style
|
||||
*/
|
||||
Calendar.prototype.style = function(){
|
||||
var strStyle = "<style type='text/css'>";
|
||||
strStyle += ".calendar {font-size:12px; margin:0;padding:0px;border:1px solid #397EAE;background-color:#DBE7F2;}";
|
||||
strStyle += ".calendar ul {list-style-type:none; margin:0; padding:0;vertical-align:middle;}";
|
||||
strStyle += ".calendar li {float:left;}.calendar b{font-weight:bold;}";
|
||||
strStyle += ".calendar .day li {height:20px;}";
|
||||
strStyle += ".calendar .day li,.calendar .date li{float:left;width:14.13%;height:20px;line-height:20px;text-align:center;}";
|
||||
strStyle += ".calendar .day li{font-weight:bold;} .calendar .date li{background-color:#EDF3F9;}";
|
||||
strStyle += ".calendar .month li{float:left;width:24.8%;height:20px;line-height:20px;text-align:center;background-color:#EDF3F9;}";
|
||||
strStyle += ".calendar li a{ text-decoration:none; font-family:Tahoma; font-size:11px; color:#333}";
|
||||
strStyle += ".calendar li:hover {cursor:pointer;color:#f30; text-decoration:none;background-color:#EDF3F9;}";
|
||||
strStyle += ".calendar .date li:hover, .calendar .month li:hover{cursor:pointer;color:#f30; text-decoration:none;background-color:#DBE7F2;}";
|
||||
strStyle += ".calendarlihover {color:#f30;text-decoration:none;background-color:#E8F2FE;}";
|
||||
strStyle += ".calendar li a.hasArticle {font-weight:bold; color:#f60 !important}";
|
||||
strStyle += ".lastMonthDate, .nextMonthDate {color:#bbb;font-size:11px}";
|
||||
strStyle += ".selectThisYear, .selectThisMonth{text-decoration:none; margin:0px; color:#000; font-weight:bold}";
|
||||
strStyle += ".calendar .LastMonth, .calendar .NextMonth{text-decoration:none; color:#000; font-size:18px; font-weight:bold; line-height:16px;}";
|
||||
strStyle += ".calendarTitle{background:#EDF3F9;text-align:center;height:20px;line-height:20px;clear:both;width:100%;}";
|
||||
strStyle += ".calendarTitle .mark{text-decoration:none;color:#000;font-family:Tahoma;font-size:18px;font-weight:normal;}";
|
||||
strStyle += ".today{ background-color:#ffffaa;border:1px solid #f60;padding:0 1px;}";
|
||||
strStyle += ".today a { color:#f30; }";
|
||||
strStyle += ".calendarBottom {text-align:center;height:20px;line-height:20px;clear:both;width:100%;border-top:1px solid #ddd;}";
|
||||
strStyle += ".calendarBottom li{float:left;height:20px;line-height:20px;font-weight:bold;text-align:center;}";
|
||||
strStyle += "</style>";
|
||||
return strStyle;
|
||||
}
|
||||
|
||||
/**
|
||||
//Classic Style
|
||||
Calendar.prototype.style = function(){
|
||||
var strStyle = "<style type='text/css'>";
|
||||
strStyle += ".calendar {font-size:12px; margin:0;padding:0px;border:1px solid #397EAE;}";
|
||||
strStyle += ".calendar ul {list-style-type:none; margin:0; padding:0;vertical-align:middle;}";
|
||||
strStyle += ".calendar li {float:left;}.calendar b{font-weight:bold;}";
|
||||
strStyle += ".calendar .day { background-color:#EDF5FF; height:20px;}";
|
||||
strStyle += ".calendar .day li,.calendar .date li{ float:left; width:14.13%; height:20px; line-height:20px; text-align:center}";
|
||||
strStyle += ".calendar .month li{ float:left; width:24.8%; height:20px; line-height:20px; text-align:center}";
|
||||
strStyle += ".calendar li a{ text-decoration:none; font-family:Tahoma; font-size:11px; color:#333}";
|
||||
strStyle += ".calendar li:hover {cursor:pointer;color:#f30; text-decoration:none;background-color:#E8F2FE;}";
|
||||
strStyle += ".calendarlihover {color:#f30;text-decoration:none;background-color:#E8F2FE;}";
|
||||
strStyle += ".calendar li a.hasArticle {font-weight:bold; color:#f60 !important}";
|
||||
strStyle += ".lastMonthDate, .nextMonthDate {color:#bbb;font-size:11px}";
|
||||
strStyle += ".selectThisYear, .selectThisMonth{text-decoration:none; margin:0px; color:#000; font-weight:bold}";
|
||||
strStyle += ".calendar .LastMonth, .calendar .NextMonth{text-decoration:none; color:#000; font-size:18px; font-weight:bold; line-height:16px;}";
|
||||
strStyle += ".calendarTitle {text-align:center;height:20px;line-height:20px;clear:both;width:100%;}";
|
||||
strStyle += ".calendarTitle .mark{text-decoration: none;color:#000;font-family:Tahoma;font-size:18px;font-weight:normal;line-height: 16px;}";
|
||||
strStyle += ".today{ background-color:#ffffaa;border:1px solid #f60;padding:0 1px;}";
|
||||
strStyle += ".today a { color:#f30; }";
|
||||
strStyle += ".calendarBottom {text-align:center;height:20px;line-height:20px;clear:both;width:100%;border-top:1px solid #ddd;}";
|
||||
strStyle += ".calendarBottom li{float:left;height:20px;line-height:20px;font-weight:bold;text-align:center;}";
|
||||
strStyle += "</style>";
|
||||
return strStyle;
|
||||
}
|
||||
*/
|
||||
|
||||
function getFrameDocument(frame){
|
||||
if ( frame.contentDocument ) { // DOM
|
||||
var doc = frame.contentDocument;
|
||||
} else if (frame.contentWindow) { // IE win
|
||||
var doc = frame.contentWindow.document;
|
||||
}
|
||||
return doc;
|
||||
}
|
||||
|
||||
/**
|
||||
* Parse Date value from String
|
||||
* @param format the pattern of date
|
||||
*/
|
||||
String.prototype.toDate = function(format){
|
||||
if(null == format) format="yyyy-MM-dd";
|
||||
var pattern = format.replace("yyyy", "(\\~1{4})").replace("yy", "(\\~1{2})")
|
||||
.replace("MM", "(\\~1{2})").replace("M", "(\\~1{1,2})")
|
||||
.replace("dd", "(\\~1{2})").replace("d", "(\\~1{1,2})").replace(/~1/g, "d");
|
||||
|
||||
var returnDate;
|
||||
if (new RegExp(pattern).test(this)) {
|
||||
var yPos = format.indexOf("yyyy");
|
||||
var mPos = format.indexOf("MM");
|
||||
var dPos = format.indexOf("dd");
|
||||
if (mPos == -1) mPos = format.indexOf("M");
|
||||
if (yPos == -1) yPos = format.indexOf("yy");
|
||||
if (dPos == -1) dPos = format.indexOf("d");
|
||||
var pos = new Array(yPos + "y", mPos + "m", dPos + "d");
|
||||
var data = { y: 0, m: 0, d: 1};
|
||||
var m = this.match(pattern);
|
||||
for (var i = 1; i < m.length; i++) {
|
||||
if (i == 0) return;
|
||||
var flag = pos[i - 1].split('')[1];
|
||||
data[flag] = m[i];
|
||||
//alert(pos[i-1] + ",flag:"+flag + ",i:" + i + "," + data[flag]);
|
||||
};
|
||||
|
||||
if (data.y.toString().length == 2) {
|
||||
data.y = parseInt("20" + data.y);
|
||||
}
|
||||
data.m = data.m - 1;
|
||||
returnDate = new Date(data.y, data.m, data.d);
|
||||
}
|
||||
if (returnDate == null || isNaN(returnDate)) returnDate = new Date();
|
||||
return returnDate;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Date Format
|
||||
* @param style date format like 'yyyyMMdd'
|
||||
*/
|
||||
Date.prototype.format = function(style) {
|
||||
var o = {
|
||||
"M+" : this.getMonth() + 1, //month
|
||||
"d+" : this.getDate(), //day
|
||||
"h+" : this.getHours(), //hour
|
||||
"m+" : this.getMinutes(), //minute
|
||||
"s+" : this.getSeconds(), //second
|
||||
"w+" : "日一二三四五六".charAt(this.getDay()), //week
|
||||
"q+" : Math.floor((this.getMonth() + 3) / 3), //quarter
|
||||
"S" : this.getMilliseconds() //millisecond
|
||||
}
|
||||
if(/(y+)/.test(style)) {
|
||||
style = style.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
|
||||
}
|
||||
for(var k in o){
|
||||
if(new RegExp("("+ k +")").test(style)){
|
||||
style = style.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
|
||||
}
|
||||
}
|
||||
return style;
|
||||
};
|
||||
|
||||
/**
|
||||
Date add by interval
|
||||
@param interval y Year,m Month,d Day,w Week
|
||||
@param number
|
||||
|
||||
*/
|
||||
Date.prototype.dateAdd = function(interval, number) {
|
||||
switch (interval) {
|
||||
case "y":
|
||||
return new Date(this.getFullYear() + number, this.getMonth(), this.getDate());
|
||||
break;
|
||||
case "m":
|
||||
return new Date(this.getFullYear(), this.getMonth() + number, checkDate(this.getFullYear(), this.getMonth() + number, this.getDate()));
|
||||
break;
|
||||
case "d":
|
||||
return new Date(this.getFullYear(), this.getMonth(), this.getDate() + number);
|
||||
break;
|
||||
case "w":
|
||||
return new Date(this.getFullYear(), this.getMonth(), 7 * number + this.getDate());
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
function checkDate(year, month, date){
|
||||
var enddate = ["31", "28", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31"];
|
||||
var returnDate = "";
|
||||
if (year % 4 == 0) {
|
||||
enddate[1] = "29";
|
||||
}
|
||||
if (date > enddate[month]) {
|
||||
returnDate = enddate[month];
|
||||
} else {
|
||||
returnDate = date;
|
||||
}
|
||||
return returnDate;
|
||||
}
|
||||
|
||||
/**
|
||||
Calendar language pack
|
||||
default support english and chinese,if you want to add some other language, please extend it.
|
||||
*/
|
||||
Calendar.language = {
|
||||
"title":[["",""],["年","月"]],
|
||||
"months":[["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"],
|
||||
["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]
|
||||
],
|
||||
"weeks":[["S","M","T","W","T","F","S"],
|
||||
["日","一","二","三","四","五","六"]
|
||||
],
|
||||
weekday:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],
|
||||
"clear":[["Clear"], ["清空"]],
|
||||
"today":[["Today","Current"], ["今天","当月"]],
|
||||
"close":[["Close"], ["关闭"]]
|
||||
};
|
||||
|
||||
/**
|
||||
* Calendar class
|
||||
* @param beginDate 1990-01-01
|
||||
* @param endDate 2020-01-01
|
||||
* @param lang 0(English)|1(Chinese)
|
||||
* @param dateFormatStyle "yyyy-MM-dd";
|
||||
* @param type d Date Picker/m Month Picker
|
||||
* @version 2010-08-20
|
||||
* @author Coral(coraldane@gmail.com)
|
||||
* @update
|
||||
*/
|
||||
function Calendar(inputObj, dateFormatStyle, beginDate, endDate, lang, type) {
|
||||
this.beginDate = "1900-01-01".toDate();
|
||||
this.endDate = "2020-01-01".toDate();
|
||||
this.lang = 0; //default language
|
||||
this.type = "d";
|
||||
this.dateFormatStyle = "yyyy-MM-dd";
|
||||
|
||||
if(null != type){
|
||||
this.type = type;
|
||||
if("m" == this.type){
|
||||
this.dateFormatStyle = "yyyy-MM";
|
||||
}
|
||||
}
|
||||
|
||||
if (dateFormatStyle != null){
|
||||
this.dateFormatStyle = dateFormatStyle;
|
||||
}
|
||||
|
||||
this.currentDate = new Date();
|
||||
|
||||
var currDate = new Date();
|
||||
if(null != inputObj.value && "" != inputObj.value){
|
||||
currDate = inputObj.value.toDate(this.dateFormatStyle);
|
||||
}
|
||||
|
||||
if(null != currDate){
|
||||
this.date = currDate;
|
||||
}else{
|
||||
this.date = new Date();
|
||||
}
|
||||
|
||||
|
||||
if (null != beginDate){
|
||||
this.beginDate = beginDate;
|
||||
}
|
||||
if(null != endDate){
|
||||
this.endDate = endDate;
|
||||
}
|
||||
if (lang != null){
|
||||
this.lang = lang;
|
||||
}
|
||||
|
||||
this.dateControl = inputObj;
|
||||
this.panel = document.getElementById("calendarPanel");
|
||||
this.iframe = document.getElementById("calendarIframe");
|
||||
this.isFocus = false;
|
||||
|
||||
this.draw();
|
||||
}
|
||||
|
||||
Calendar.prototype.draw = function() {
|
||||
var currDate = this.date.format("yyyy-MM").toDate("yyyy-MM");
|
||||
if(currDate < this.beginDate){
|
||||
this.date = this.beginDate;
|
||||
}
|
||||
|
||||
if(currDate > this.endDate){
|
||||
this.date = this.endDate;
|
||||
}
|
||||
|
||||
this.year = this.date.getFullYear();
|
||||
this.month = this.date.getMonth();
|
||||
var head = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">' +
|
||||
'<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />' +
|
||||
this.style() + '</head><body style="padding:0px;margin:0px;">';
|
||||
var thisMonthFirstDate = this.date.dateAdd("d",1-this.date.getDate());
|
||||
var lastMonthEndDate = thisMonthFirstDate.dateAdd("d",-1);
|
||||
var lastMonthDate = thisMonthFirstDate.getDay();
|
||||
lastMonthEndDate = lastMonthEndDate.getDate();
|
||||
var thisMonthLastDate = thisMonthFirstDate.dateAdd("m",1).dateAdd("d",-1);
|
||||
var thisMonthEndDate = thisMonthLastDate.getDate();
|
||||
var thisMonthEndDay = thisMonthLastDate.getDay();
|
||||
|
||||
var lis = "<div id='calendar' class='calendar' style='width:";
|
||||
if("d" == this.type){
|
||||
lis += "150";
|
||||
}else{
|
||||
lis += "120";
|
||||
}
|
||||
lis += "px;'>";
|
||||
lis += "<div class='calendarTitle'><ul>";
|
||||
lis += "<li id='PrevYear' class='mark' style='width:12%;' title='Previous Year'>«</li>";
|
||||
if("d" == this.type){
|
||||
lis += "<li id='PrevMonth' class='mark' style='width:12%;' title='Previous Month'>‹</li>";
|
||||
lis += "<li style='width:30%;'><span id='selectThisYear' class='selectThisYear'>" + this.date.getFullYear() + "</span>" + Calendar.language["title"][this.lang][0] + "</li>";
|
||||
if(0 == this.lang){
|
||||
lis += "<li style='width:20%;'><span id='selectThisMonth' class='selectThisMonth'>" + Calendar.language["months"][this.lang][this.date.getMonth()] + "</span></li>";
|
||||
}else{
|
||||
lis += "<li style='width:20%;'><span id='selectThisMonth' class='selectThisMonth'>" + (this.date.getMonth() +1) + "</span>" + Calendar.language["title"][this.lang][1] + "</li>";
|
||||
}
|
||||
lis += "<li id='NextMonth' class='mark' style='width:12%;' title='Next Month'>›</li>";
|
||||
lis += "<li id='NextYear' class='mark' style='width:12%;' title='Next Year'>»</li></ul></div>";
|
||||
lis += "<div class='calendarBody'>";
|
||||
lis += "<ul class='day'>";
|
||||
for(var i=0;i<Calendar.language.weeks[this.lang].length;i++){
|
||||
lis += "<li title='" + Calendar.language.weekday[i] + "'>" + Calendar.language.weeks[this.lang][i] + "</li>";
|
||||
}
|
||||
lis += "</ul><ul class='date' id='thisMonthDate'>";
|
||||
var lastMonthLis = "";
|
||||
for (var i = 0; i < lastMonthDate; i++) { // Last Month's Date
|
||||
//alert(lastMonthDate + "," + lastMonthEndDate);
|
||||
lastMonthLis = "<li class='lastMonthDate'>" + lastMonthEndDate + "</li>" + lastMonthLis;
|
||||
lastMonthEndDate--;
|
||||
}
|
||||
lis += lastMonthLis;
|
||||
for (i = 1; i <= thisMonthEndDate; i++) { // Current Month's Date
|
||||
var currentDate = thisMonthFirstDate.dateAdd("d",(i-1));
|
||||
if(currentDate < this.beginDate || currentDate > this.endDate){
|
||||
lis += "<li class='lastMonthDate'>" + i + "</li>";
|
||||
continue;
|
||||
}
|
||||
lis += "<li class='thisMonth' title='" + currentDate.format("yyyy-MM-dd") + "'><a href='javascript:void(0);' ";
|
||||
if(currentDate.format("yyyy-MM-dd") == (this.date).format("yyyy-MM-dd")){
|
||||
lis += "class='today' ";
|
||||
}
|
||||
lis += ">" + i + "</a></li>";
|
||||
}
|
||||
var j = 1;
|
||||
for (i = thisMonthEndDay; i < 6; i++) { // Next Month's Date
|
||||
lis += "<li class='nextMonthDate'>" + j + "</li>";
|
||||
j++;
|
||||
}
|
||||
lis += "</ul>"
|
||||
|
||||
lis += "</div>";//close calendarBody
|
||||
lis += "<div class='calendarBottom'><ul>";
|
||||
lis += "<li id='emptyCalendar' style='width:27%;' title='Clear'>" + Calendar.language.clear[this.lang] +"</li>";
|
||||
lis += "<li id='selectCurrent' style='width:45%;' title='Today'>" + Calendar.language.today[this.lang][0] +"</li>";
|
||||
}else{
|
||||
lis += "<li style='width:74%;'><span id='selectThisYear' class='selectThisYear'>" + this.date.getFullYear() + "</span>" + Calendar.language["title"][this.lang][0] + "</li>";
|
||||
lis += "<li id='NextYear' class='mark' style='width:12%;' title='Next Year'>»</li></ul></div>";
|
||||
lis += "<div class='calendarBody'>";
|
||||
lis += "</ul><ul class='month' id='thisMonth'>";
|
||||
for(var i=1; i<=12; i++){
|
||||
var currentDate = (this.year + "-" + (i>9?i:"0"+i)).toDate("yyyy-MM");
|
||||
if(currentDate < this.beginDate || currentDate > this.endDate){
|
||||
lis += "<li class='lastMonthDate'>" + i + "</li>";
|
||||
continue;
|
||||
}
|
||||
lis += "<li class='thisMonth' title='" + this.year + "-" + (i>9?i:"0"+i) + "-01'><a href='javascript:void(0);'";
|
||||
if((this.year+"-"+(i>9?i:"0"+i)) == (this.date).format("yyyy-MM")){
|
||||
lis += " class='today' ";
|
||||
}
|
||||
lis += ">" + i + "</a></li>";
|
||||
}
|
||||
lis += "</ul>"
|
||||
|
||||
lis += "</div>";//close calendarBody
|
||||
lis += "<div class='calendarBottom'><ul>";
|
||||
lis += "<li id='emptyCalendar' style='width:27%;' title='Clear'>" + Calendar.language.clear[this.lang] +"</li>";
|
||||
lis += "<li id='selectCurrent' style='width:45%;' title='Current Month'>" + Calendar.language.today[this.lang][1] +"</li>";
|
||||
}
|
||||
|
||||
lis += "<li id='closeCalendar' style='width:27%;' title='Close'>" + Calendar.language.close[this.lang] +"</li>";
|
||||
lis += "</ul></div>";//close calendarBottom
|
||||
lis += "</div>";//close calendar
|
||||
lis += "</body></html>";
|
||||
var doc = getFrameDocument(this.iframe);
|
||||
doc.writeln(head);
|
||||
doc.writeln(lis);
|
||||
doc.close();
|
||||
this.document = doc;
|
||||
|
||||
this.bingEvent();
|
||||
}
|
||||
|
||||
/**
|
||||
* Bind Click Event into Calendar
|
||||
*/
|
||||
Calendar.prototype.bingEvent = function(){
|
||||
var calendar = this;
|
||||
|
||||
this.setAutoHeight();
|
||||
|
||||
this.panel.onmouseover = function(){calendar.isFocus = true;}
|
||||
this.panel.onmouseout = function(){calendar.isFocus = false;}
|
||||
|
||||
this.dateControl.onblur = function(){
|
||||
if(!calendar.isFocus){
|
||||
calendar.hide();
|
||||
}
|
||||
}
|
||||
|
||||
this.getElementById("selectCurrent").onclick = function(){
|
||||
calendar.date = new Date();
|
||||
calendar.valueSelected(calendar.date);
|
||||
calendar.hide();
|
||||
}
|
||||
this.getElementById("emptyCalendar").onclick = function(){calendar.dateControl.value = "";calendar.hide();}
|
||||
this.getElementById("closeCalendar").onclick = function(){calendar.hide();}
|
||||
|
||||
this.getElementById("PrevYear").onclick = function(){
|
||||
calendar.date = calendar.date.dateAdd("y",-1);
|
||||
calendar.draw();
|
||||
}
|
||||
|
||||
if(this.getElementById("PrevMonth")){
|
||||
this.getElementById("PrevMonth").onclick = function(){
|
||||
calendar.date = calendar.date.dateAdd("m",-1);
|
||||
calendar.draw();
|
||||
}
|
||||
this.getElementById("NextMonth").onclick = function(){
|
||||
calendar.date = calendar.date.dateAdd("m",1);
|
||||
calendar.draw();
|
||||
}
|
||||
}
|
||||
|
||||
this.getElementById("NextYear").onclick = function(){
|
||||
calendar.date = calendar.date.dateAdd("y",1);
|
||||
calendar.draw();
|
||||
}
|
||||
|
||||
this.getElementById("selectThisYear").onclick = function(){calendar.selectThisYear();}
|
||||
if("d" == this.type){
|
||||
this.getElementById("selectThisMonth").onclick = function(){calendar.selectThisMonth();}
|
||||
}
|
||||
|
||||
var elements = getElementsByClassName(this.document, "li", "thisMonth");
|
||||
for(var i=0; i<elements.length; i++){
|
||||
elements[i].onclick = function(){
|
||||
calendar.date = this.title.toDate();
|
||||
calendar.valueSelected(calendar.date);
|
||||
calendar.hide();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Calendar.prototype.selectThisYear = function(){
|
||||
var calendar = this;
|
||||
var curYear = this.date.getFullYear();
|
||||
var beginYear = this.beginDate.getFullYear();
|
||||
var endYear = this.endDate.getFullYear();
|
||||
var spanObj = this.getElementById("selectThisYear");
|
||||
var selectStr = "<select style='font-size:10px;'>";
|
||||
for(var i = endYear; i >= beginYear; i--){
|
||||
selectStr += "<option value='" + i + "'>" + i + "</option>";
|
||||
}
|
||||
selectStr += "</select>";
|
||||
spanObj.innerHTML = selectStr;
|
||||
var selectYearObj = spanObj.childNodes(0);
|
||||
selectYearObj.value = curYear;
|
||||
selectYearObj.onchange = function(){
|
||||
calendar.date.setFullYear(selectYearObj.value);
|
||||
calendar.draw();
|
||||
}
|
||||
}
|
||||
|
||||
Calendar.prototype.selectThisMonth = function(){
|
||||
var calendar = this;
|
||||
var curMonth = this.date.getMonth() + 1;
|
||||
var curYear = this.date.getFullYear();
|
||||
var endYear = this.endDate.getFullYear();
|
||||
var endMonth = 12;
|
||||
if(curYear == endYear){
|
||||
endMonth = this.endDate.getMonth + 1;
|
||||
}
|
||||
var spanObj = this.getElementById("selectThisMonth");
|
||||
var selectStr = "<select style='font-size:10px;'>";
|
||||
for(var i = 1; i <= endMonth; i++){
|
||||
selectStr += "<option value='" + i + "'>" + Calendar.language["months"][this.lang][i-1] + "</option>";
|
||||
}
|
||||
selectStr += "</select>";
|
||||
spanObj.innerHTML = selectStr;
|
||||
var selectMonthObj = spanObj.childNodes(0);
|
||||
selectMonthObj.value = curMonth;
|
||||
selectMonthObj.onchange = function(){
|
||||
calendar.date.setMonth(selectMonthObj.value-1);
|
||||
calendar.draw();
|
||||
}
|
||||
}
|
||||
|
||||
Calendar.prototype.valueSelected = function(date){
|
||||
this.dateControl.value = date.format(this.dateFormatStyle);
|
||||
}
|
||||
|
||||
/**
|
||||
* Set Auto Height for Calendar Panel Div
|
||||
*/
|
||||
Calendar.prototype.setAutoHeight = function(){
|
||||
var height = this.document.body.scrollHeight;
|
||||
var width = this.getElementById("calendar").style.width;
|
||||
width = (parseInt(width.substr(0,width.length-1)) + 2) + "px";
|
||||
this.iframe.style.height = height;
|
||||
this.panel.style.height = height;
|
||||
this.panel.style.width = width;
|
||||
}
|
||||
|
||||
//Extend document.getElementById(id)
|
||||
Calendar.prototype.getElementById = function(id){
|
||||
if (typeof(id) != "string" || id == "") return null;
|
||||
if(null == this.document) return null;
|
||||
if (this.document.getElementById) return this.document.getElementById(id);
|
||||
if (this.document.all) return this.document.all(id);
|
||||
try {return eval(id);} catch(e){ return null;}
|
||||
}
|
||||
|
||||
//Extend object.getElementsByTagName(tagName)
|
||||
Calendar.prototype.getElementsByTagName = function(tagName){
|
||||
if(null == this.document) return null;
|
||||
if (this.document.getElementsByTagName) return this.document.getElementsByTagName(tagName);
|
||||
if (this.document.all) return this.document.all.tags(tagName);
|
||||
}
|
||||
|
||||
/**
|
||||
* Find a HTML Object by TagName and className
|
||||
* @param oElm parentNode Object
|
||||
* @param strTagName tag name want to find
|
||||
* @param strClassName class name
|
||||
*/
|
||||
function getElementsByClassName(oElm, strTagName, strClassName){
|
||||
var arrElements = (strTagName == "*" && oElm.all)? oElm.all:oElm.getElementsByTagName(strTagName);
|
||||
var arrReturnElements = new Array();
|
||||
strClassName = strClassName.replace(/\-/g, "\\-");
|
||||
var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
|
||||
var oElement;
|
||||
for(var i=0; i < arrElements.length; i++){
|
||||
oElement = arrElements[i];
|
||||
if(oRegExp.test(oElement.className)){
|
||||
arrReturnElements.push(oElement);
|
||||
}
|
||||
}
|
||||
return (arrReturnElements)
|
||||
}
|
||||
|
||||
|
||||
//find the absolute position
|
||||
Calendar.prototype.getAbsPoint = function (e){
|
||||
var x = e.offsetLeft;
|
||||
var y = e.offsetTop;
|
||||
while(e = e.offsetParent){
|
||||
x += e.offsetLeft;
|
||||
y += e.offsetTop;
|
||||
}
|
||||
return {"x": x, "y": y};
|
||||
}
|
||||
|
||||
//显示日历
|
||||
Calendar.prototype.show = function () {
|
||||
var xy = this.getAbsPoint(this.dateControl);
|
||||
this.panel.style.left = xy.x + "px";
|
||||
this.panel.style.top = (xy.y + this.dateControl.offsetHeight) + "px";
|
||||
this.setDisplayStyle("select", "hidden");
|
||||
this.panel.style.visibility = "visible";
|
||||
}
|
||||
|
||||
//Hide Calendar
|
||||
Calendar.prototype.hide = function() {
|
||||
this.setDisplayStyle("select", "visible");
|
||||
this.panel.style.visibility = "hidden";
|
||||
this.isFocus = false;
|
||||
}
|
||||
|
||||
//Set Calendar Picker visible or invisible
|
||||
Calendar.prototype.setDisplayStyle = function(tagName, style) {
|
||||
var tags = this.getElementsByTagName(tagName)
|
||||
for(var i = 0; i < tags.length; i++) {
|
||||
if (tagName.toLowerCase() == "select" &&
|
||||
(tags[i].name == "calendarYear" ||
|
||||
tags[i].name == "calendarMonth")){
|
||||
continue;
|
||||
}
|
||||
tags[i].style.visibility = style;
|
||||
}
|
||||
}
|
||||
|
||||
document.write('<div id="calendarPanel" style="position:absolute;visibility:hidden;z-index:9999;background-color:#FFFFFF;font-size:12px;width:20px;">');
|
||||
document.write("<iframe id='calendarIframe' scrolling='no' frameborder='0' width='100%' height='100%'></iframe></div>");
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
14
OpenAuth.Mvc/Content/scripts/plugins/datepicker/lang/en.js
Normal file
14
OpenAuth.Mvc/Content/scripts/plugins/datepicker/lang/en.js
Normal file
@@ -0,0 +1,14 @@
|
||||
var $lang={
|
||||
errAlertMsg: "Invalid date or the date out of range,redo or not?",
|
||||
aWeekStr: ["wk", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
|
||||
aLongWeekStr:["wk","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
|
||||
aMonStr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||
aLongMonStr: ["January","February","March","April","May","June","July","August","September","October","November","December"],
|
||||
clearStr: "Clear",
|
||||
todayStr: "Today",
|
||||
okStr: "OK",
|
||||
updateStr: "OK",
|
||||
timeStr: "Time",
|
||||
quickStr: "Quick Selection",
|
||||
err_1: 'MinDate Cannot be bigger than MaxDate!'
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
var $lang={
|
||||
errAlertMsg: "\u4E0D\u5408\u6CD5\u7684\u65E5\u671F\u683C\u5F0F\u6216\u8005\u65E5\u671F\u8D85\u51FA\u9650\u5B9A\u8303\u56F4,\u9700\u8981\u64A4\u9500\u5417?",
|
||||
aWeekStr: ["\u5468","\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],
|
||||
aLongWeekStr:["\u5468","\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"],
|
||||
aMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00","\u5341\u4E8C"],
|
||||
aLongMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],
|
||||
clearStr: "\u6E05\u7A7A",
|
||||
todayStr: "\u4ECA\u5929",
|
||||
okStr: "\u786E\u5B9A",
|
||||
updateStr: "\u786E\u5B9A",
|
||||
timeStr: "\u65F6\u95F4",
|
||||
quickStr: "\u5FEB\u901F\u9009\u62E9",
|
||||
err_1: '\u6700\u5C0F\u65E5\u671F\u4E0D\u80FD\u5927\u4E8E\u6700\u5927\u65E5\u671F!'
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
var $lang={
|
||||
errAlertMsg: "\u4E0D\u5408\u6CD5\u7684\u65E5\u671F\u683C\u5F0F\u6216\u8005\u65E5\u671F\u8D85\u51FA\u9650\u5B9A\u7BC4\u570D,\u9700\u8981\u64A4\u92B7\u55CE?",
|
||||
aWeekStr: ["\u5468","\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],
|
||||
aLongWeekStr:["\u5468","\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"],
|
||||
aMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00","\u5341\u4E8C"],
|
||||
aLongMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],
|
||||
clearStr: "\u6E05\u7A7A",
|
||||
todayStr: "\u4ECA\u5929",
|
||||
okStr: "\u78BA\u5B9A",
|
||||
updateStr: "\u78BA\u5B9A",
|
||||
timeStr: "\u6642\u9593",
|
||||
quickStr: "\u5FEB\u901F\u9078\u64C7",
|
||||
err_1: '\u6700\u5C0F\u65E5\u671F\u4E0D\u80FD\u5927\u65BC\u6700\u5927\u65E5\u671F!'
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
.Wdate{
|
||||
border:#999 1px solid;
|
||||
height:20px;
|
||||
background:#fff url(datePicker.png) no-repeat right 4.5px;
|
||||
}
|
||||
|
||||
.WdateFmtErr{
|
||||
font-weight:bold;
|
||||
color:red;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
@@ -0,0 +1,339 @@
|
||||
/*
|
||||
* My97 DatePicker 4.8
|
||||
* auther : zhangkun , hejianting(design)
|
||||
* email : zhangkun_net@hotmail.com
|
||||
* date : 2012-05-25
|
||||
*/
|
||||
.WdateDiv
|
||||
{
|
||||
position:relative;
|
||||
padding:5px;
|
||||
width:180px;
|
||||
*width:190px;
|
||||
font-size:12px;
|
||||
color:#333;
|
||||
border:solid 1px #DEDEDE;
|
||||
background-color:#F2F0F1;
|
||||
}
|
||||
|
||||
.WdateDiv2
|
||||
{
|
||||
width:360px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImg a,.WdateDiv .yminput,.WdateDiv .yminputfocus,.WdateDiv #dpQS
|
||||
{
|
||||
background:url(img.gif) no-repeat;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImg a
|
||||
{
|
||||
float:left;
|
||||
width:16px;
|
||||
height:16px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.WdateDiv .NavImgll a
|
||||
{
|
||||
background-position:0px 5px;
|
||||
}
|
||||
.WdateDiv .NavImgl a
|
||||
{
|
||||
background-position:0px -10px;
|
||||
}
|
||||
.WdateDiv .NavImgr a
|
||||
{
|
||||
background-position:0px -25px;
|
||||
float:right;
|
||||
}
|
||||
.WdateDiv .NavImgrr a
|
||||
{
|
||||
background-position:0px -40px;
|
||||
float:right;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTitle
|
||||
{
|
||||
padding:3px 0px 0px 0px;
|
||||
line-height:0px;
|
||||
height:20px;
|
||||
*height:23;
|
||||
}
|
||||
|
||||
.WdateDiv .yminput,.WdateDiv .yminputfocus
|
||||
{
|
||||
margin-left:3px;
|
||||
width:50px;
|
||||
height:20px;
|
||||
line-height:16px;
|
||||
border:solid 1px #F2F0F1;
|
||||
cursor:pointer;
|
||||
background-position:35px -68px;
|
||||
}
|
||||
|
||||
.WdateDiv .yminputfocus
|
||||
{
|
||||
background-color:#fff;
|
||||
border:solid 1px #D8D8D8;
|
||||
}
|
||||
|
||||
.WdateDiv .menuSel{
|
||||
z-index:1;
|
||||
position:absolute;
|
||||
background-color:#FFFFFF;
|
||||
border:#A3C6C8 1px solid;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.WdateDiv .menu
|
||||
{
|
||||
background:#fff;
|
||||
}
|
||||
.WdateDiv .menuOn
|
||||
{
|
||||
color:#fff;
|
||||
background:#64A3F3;
|
||||
}
|
||||
|
||||
.WdateDiv .invalidMenu{
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
.WdateDiv .MMenu,.WdateDiv .YMenu
|
||||
{
|
||||
padding:2px;
|
||||
margin-top:20px;
|
||||
margin-left:-1px;
|
||||
width:68px;
|
||||
border:solid 1px #D9D9D9;
|
||||
}
|
||||
.WdateDiv .MMenu table,.WdateDiv .YMenu table
|
||||
{
|
||||
width:100%;
|
||||
}
|
||||
.WdateDiv .MMenu table td,.WdateDiv .YMenu table td
|
||||
{
|
||||
padding:0px;
|
||||
line-height:20px;
|
||||
text-align:center;
|
||||
font-size:12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.WdateDiv .Wweek {
|
||||
text-align:center;
|
||||
background:#DAF3F5;
|
||||
border-right:#BDEBEE 1px solid;
|
||||
}
|
||||
|
||||
.WdateDiv td
|
||||
{
|
||||
padding:1px;
|
||||
line-height:20px;
|
||||
font-size:12px;
|
||||
color:#999999;
|
||||
background:#fff;
|
||||
cursor:pointer;
|
||||
}
|
||||
.WdateDiv .MTitle td
|
||||
{
|
||||
line-height:24px;
|
||||
color:#7D7D7D;
|
||||
background:#F2F0F1;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayTable2
|
||||
{
|
||||
border-collapse:collapse;
|
||||
border:#808080 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable2 table
|
||||
{
|
||||
border:0;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayTable{
|
||||
line-height:20px;
|
||||
color:#13777e;
|
||||
background-color:#edfbfb;
|
||||
}
|
||||
.WdateDiv .WdayTable td{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.WdateDiv .Wday
|
||||
{
|
||||
color:#323232;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayOn
|
||||
{
|
||||
color:#fff;
|
||||
background-color:#65A2F3;
|
||||
}
|
||||
|
||||
.WdateDiv .Wwday
|
||||
{
|
||||
color:#65A4F3;
|
||||
}
|
||||
|
||||
.WdateDiv .WwdayOn
|
||||
{
|
||||
color:#fff;
|
||||
background-color:#65A2F3;
|
||||
}
|
||||
.WdateDiv .Wtoday
|
||||
{
|
||||
color:#FF6D10;
|
||||
background:#E0EDFE;
|
||||
}
|
||||
.WdateDiv .Wselday
|
||||
{
|
||||
color:#fff;
|
||||
background-color:#65A2F3;
|
||||
}
|
||||
.WdateDiv .WspecialDay{
|
||||
background-color:#66F4DF;
|
||||
}
|
||||
|
||||
.WdateDiv .WotherDay
|
||||
{
|
||||
color:#D4D4D4;
|
||||
}
|
||||
.WdateDiv .WotherDayOn
|
||||
{
|
||||
color:#fff;
|
||||
background-color:#65A2F3;
|
||||
}
|
||||
|
||||
.WdateDiv .WinvalidDay{
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime
|
||||
{
|
||||
position:relative;
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime #dpTimeStr
|
||||
{
|
||||
display:inline-block;
|
||||
width:28px;
|
||||
*width:30px;
|
||||
color:#7d7d7d;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime input
|
||||
{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
width:25px;
|
||||
height:20px;
|
||||
line-height:20px;
|
||||
text-align:center;
|
||||
color:#333;
|
||||
border:#D9D9D9 1px solid;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime .tm
|
||||
{
|
||||
width:7px;
|
||||
border:none;
|
||||
background:#F2F0F1;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime #dpTimeUp
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime #dpTimeDown
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.WdateDiv #dpQS
|
||||
{
|
||||
float:left;
|
||||
margin-right:3px;
|
||||
margin-top:9px;
|
||||
*margin-top:6px;
|
||||
width:16px;
|
||||
height:16px;
|
||||
cursor:pointer;
|
||||
background-position:0px -90px;
|
||||
}
|
||||
.WdateDiv #dpControl
|
||||
{
|
||||
text-align:right;
|
||||
margin-top:3px;
|
||||
}
|
||||
.WdateDiv .dpButton
|
||||
{
|
||||
margin-left:2px;
|
||||
line-height:18px;
|
||||
*line-height:16px;
|
||||
width:45px;
|
||||
background-color:#C3C3C3;
|
||||
*background-color:#64A3F3;
|
||||
color:#fff;
|
||||
border:none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.WdateDiv .dpButton:hover
|
||||
{
|
||||
background-color:#64A3F3;
|
||||
}
|
||||
|
||||
.WdateDiv .hhMenu,
|
||||
.WdateDiv .mmMenu,
|
||||
.WdateDiv .ssMenu
|
||||
{
|
||||
position:absolute;
|
||||
padding:3px;
|
||||
font-size:12px;
|
||||
color:#333;
|
||||
border:solid 1px #DEDEDE;
|
||||
background-color:#F2F0F1;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime .menu,.WdateDiv #dpTime .menuOn
|
||||
{
|
||||
width:18px;
|
||||
height:18px;
|
||||
line-height:18px;
|
||||
text-align:center;
|
||||
background:#fff;
|
||||
}
|
||||
.WdateDiv #dpTime .menuOn
|
||||
{
|
||||
background:#65A2F3;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime td
|
||||
{
|
||||
background:#F2F0F1;
|
||||
}
|
||||
|
||||
.WdateDiv .hhMenu
|
||||
{
|
||||
top:-87px;
|
||||
left:35px;
|
||||
left:32px\9;
|
||||
}
|
||||
|
||||
.WdateDiv .mmMenu
|
||||
{
|
||||
top:-47px;
|
||||
left:35px;
|
||||
left:32px\9;
|
||||
}
|
||||
|
||||
.WdateDiv .ssMenu
|
||||
{
|
||||
top:-27px;
|
||||
left:35px;
|
||||
left:32px\9;
|
||||
}
|
||||
@@ -0,0 +1,278 @@
|
||||
.WdateDiv {
|
||||
position: relative;
|
||||
width: 190px;
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
border: solid 1px #DEDEDE;
|
||||
background-color:#fff;
|
||||
/*background-color: #F2F0F1;*/
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.WdateDiv2 {
|
||||
width: 360px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImg a,.WdateDiv .yminput,.WdateDiv .yminputfocus,.WdateDiv #dpQS {
|
||||
background: url(img.gif) no-repeat;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImg a {
|
||||
float: left;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgll a {
|
||||
background-position: 0 5px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgl a {
|
||||
background-position: 0 -10px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgr a {
|
||||
background-position: 0 -25px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgrr a {
|
||||
background-position: 0 -40px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTitle {
|
||||
line-height: 0;
|
||||
height: 25px;
|
||||
padding: 3px 0 0;
|
||||
margin-bottom:1px;
|
||||
}
|
||||
|
||||
.WdateDiv .yminput,.WdateDiv .yminputfocus {
|
||||
margin-left: 5px;
|
||||
width: 50px;
|
||||
height: 20px;
|
||||
line-height: 16px;
|
||||
border: solid 1px #F2F0F1;
|
||||
cursor: pointer;
|
||||
background-position: 35px -68px;
|
||||
border-radius:5px;
|
||||
padding:1px;
|
||||
}
|
||||
|
||||
.WdateDiv .yminputfocus {
|
||||
background-color: #fff;
|
||||
border: solid 1px #D8D8D8;
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
.WdateDiv .menuSel {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
background-color: #FFF;
|
||||
border: #A3C6C8 1px solid;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.WdateDiv .menu {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.WdateDiv .menuOn {
|
||||
color: #fff;
|
||||
background: #64A3F3;
|
||||
}
|
||||
|
||||
.WdateDiv .MMenu,.WdateDiv .YMenu {
|
||||
margin-top: 20px;
|
||||
margin-left: -1px;
|
||||
width: 68px;
|
||||
border: solid 1px #D9D9D9;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.WdateDiv .MMenu table,.WdateDiv .YMenu table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.WdateDiv .MMenu table td,.WdateDiv .YMenu table td {
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.WdateDiv .Wweek {
|
||||
text-align: center;
|
||||
background: #DAF3F5;
|
||||
border-right: #BDEBEE 1px solid;
|
||||
}
|
||||
|
||||
.WdateDiv td {
|
||||
line-height: 20px;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.WdateDiv .MTitle td {
|
||||
line-height: 24px;
|
||||
color: #7D7D7D;
|
||||
background: #F2F0F1;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayTable2 {
|
||||
border-collapse: collapse;
|
||||
border: gray 1px solid;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayTable2 table {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayTable {
|
||||
line-height: 20px;
|
||||
color: #13777e;
|
||||
background-color: #edfbfb;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayTable td {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.WdateDiv .Wday {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.WdateDiv .Wwday {
|
||||
color: #65A4F3;
|
||||
}
|
||||
|
||||
.WdateDiv .Wtoday {
|
||||
color: #FF6D10;
|
||||
background: #E0EDFE;
|
||||
}
|
||||
|
||||
.WdateDiv .WspecialDay {
|
||||
background-color: #66F4DF;
|
||||
}
|
||||
|
||||
.WdateDiv .WotherDay {
|
||||
color: #D4D4D4;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime {
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime #dpTimeStr {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
color: #7d7d7d;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime input {
|
||||
width: 30px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
border: #D9D9D9 1px solid;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime .tm {
|
||||
width: 7px;
|
||||
border: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.WdateDiv #dpQS {
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
margin-top: 6px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
background-position: 0 -90px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpControl {
|
||||
text-align: right;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.WdateDiv .dpButton {
|
||||
margin-left: 2px;
|
||||
line-height: 16px;
|
||||
width: 45px;
|
||||
background-color: #64A3F3;
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.WdateDiv .dpButton:hover {
|
||||
background-color: #64A3F3;
|
||||
}
|
||||
|
||||
.WdateDiv .hhMenu,.WdateDiv .mmMenu,.WdateDiv .ssMenu {
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
border: solid 1px #DEDEDE;
|
||||
background-color: #F2F0F1;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime .menu,.WdateDiv #dpTime .menuOn {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime .menuOn {
|
||||
background: #65A2F3;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime td {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.WdateDiv .hhMenu {
|
||||
top: -87px;
|
||||
left: 32px;
|
||||
}
|
||||
|
||||
.WdateDiv .mmMenu {
|
||||
top: -47px;
|
||||
left: 32px;
|
||||
}
|
||||
|
||||
.WdateDiv .ssMenu {
|
||||
top: -27px;
|
||||
left: 32px;
|
||||
}
|
||||
|
||||
.WdateDiv .invalidMenu,.WdateDiv .WinvalidDay {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayOn,.WdateDiv .WwdayOn,.WdateDiv .Wselday,.WdateDiv .WotherDayOn {
|
||||
background-color: #65A2F3;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime #dpTimeUp,.WdateDiv #dpTime #dpTimeDown {
|
||||
display: none;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 307 B |
@@ -0,0 +1,256 @@
|
||||
/*
|
||||
* My97 DatePicker 4.7 Skin:whyGreen
|
||||
*/
|
||||
.WdateDiv{
|
||||
width:180px;
|
||||
background-color:#fff;
|
||||
border:#C5E1E4 1px solid;
|
||||
padding:2px;
|
||||
}
|
||||
|
||||
.WdateDiv2{
|
||||
width:360px;
|
||||
}
|
||||
.WdateDiv *{font-size:9pt;}
|
||||
|
||||
.WdateDiv .NavImg a{
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
margin-top:1px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgll a{
|
||||
float:left;
|
||||
background:url(img.gif) no-repeat;
|
||||
}
|
||||
.WdateDiv .NavImgl a{
|
||||
float:left;
|
||||
background:url(img.gif) no-repeat -16px 0px;
|
||||
}
|
||||
.WdateDiv .NavImgr a{
|
||||
float:right;
|
||||
background:url(img.gif) no-repeat -32px 0px;
|
||||
}
|
||||
.WdateDiv .NavImgrr a{
|
||||
float:right;
|
||||
background:url(img.gif) no-repeat -48px 0px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTitle{
|
||||
height:24px;
|
||||
padding:1px;
|
||||
border:#c5d9e8 1px solid;
|
||||
background:url(bg.jpg);
|
||||
margin-bottom:2px;
|
||||
}
|
||||
|
||||
.WdateDiv .yminput{
|
||||
margin-top:2px;
|
||||
text-align:center;
|
||||
border:0px;
|
||||
height:20px;
|
||||
width:50px;
|
||||
color:#034c50;
|
||||
background-color:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.WdateDiv .yminputfocus{
|
||||
margin-top:2px;
|
||||
text-align:center;
|
||||
border:#939393 1px solid;
|
||||
font-weight:bold;
|
||||
color:#034c50;
|
||||
height:20px;
|
||||
width:50px;
|
||||
}
|
||||
|
||||
.WdateDiv .menuSel{
|
||||
z-index:1;
|
||||
position:absolute;
|
||||
background-color:#FFFFFF;
|
||||
border:#A3C6C8 1px solid;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.WdateDiv .menu{
|
||||
cursor:pointer;
|
||||
background-color:#fff;
|
||||
color:#11777C;
|
||||
}
|
||||
|
||||
.WdateDiv .menuOn{
|
||||
cursor:pointer;
|
||||
background-color:#BEEBEE;
|
||||
}
|
||||
|
||||
.WdateDiv .invalidMenu{
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
.WdateDiv .YMenu{
|
||||
margin-top:20px;
|
||||
}
|
||||
|
||||
.WdateDiv .MMenu{
|
||||
margin-top:20px;
|
||||
*width:62px;
|
||||
}
|
||||
|
||||
.WdateDiv .hhMenu{
|
||||
margin-top:-90px;
|
||||
margin-left:26px;
|
||||
}
|
||||
|
||||
.WdateDiv .mmMenu{
|
||||
margin-top:-46px;
|
||||
margin-left:26px;
|
||||
}
|
||||
|
||||
.WdateDiv .ssMenu{
|
||||
margin-top:-24px;
|
||||
margin-left:26px;
|
||||
}
|
||||
|
||||
.WdateDiv .Wweek {
|
||||
text-align:center;
|
||||
background:#DAF3F5;
|
||||
border-right:#BDEBEE 1px solid;
|
||||
}
|
||||
|
||||
.WdateDiv .MTitle{
|
||||
color:#13777e;
|
||||
background-color:#bdebee;
|
||||
}
|
||||
.WdateDiv .WdayTable2{
|
||||
border-collapse:collapse;
|
||||
border:#BEE9F0 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable2 table{
|
||||
border:0;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayTable{
|
||||
line-height:20px;
|
||||
color:#13777e;
|
||||
background-color:#edfbfb;
|
||||
border:#BEE9F0 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable td{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.WdateDiv .Wday{
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.WdateDiv .WdayOn{
|
||||
cursor:pointer;
|
||||
background-color:#74d2d9 ;
|
||||
}
|
||||
|
||||
.WdateDiv .Wwday{
|
||||
cursor:pointer;
|
||||
color:#ab1e1e;
|
||||
}
|
||||
|
||||
.WdateDiv .WwdayOn{
|
||||
cursor:pointer;
|
||||
background-color:#74d2d9;
|
||||
}
|
||||
.WdateDiv .Wtoday{
|
||||
cursor:pointer;
|
||||
color:blue;
|
||||
}
|
||||
.WdateDiv .Wselday{
|
||||
background-color:#A7E2E7;
|
||||
}
|
||||
.WdateDiv .WspecialDay{
|
||||
background-color:#66F4DF;
|
||||
}
|
||||
|
||||
.WdateDiv .WotherDay{
|
||||
cursor:pointer;
|
||||
color:#0099CC;
|
||||
}
|
||||
|
||||
.WdateDiv .WotherDayOn{
|
||||
cursor:pointer;
|
||||
background-color:#C0EBEF;
|
||||
}
|
||||
|
||||
.WdateDiv .WinvalidDay{
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime{
|
||||
float:left;
|
||||
margin-top:3px;
|
||||
margin-right:30px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime #dpTimeStr{
|
||||
margin-left:1px;
|
||||
color:#497F7F;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime input{
|
||||
height:20px;
|
||||
width:18px;
|
||||
text-align:center;
|
||||
color:#333;
|
||||
border:#61CAD0 1px solid;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime .tB{
|
||||
border-right:0px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime .tE{
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime .tm{
|
||||
width:7px;
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime #dpTimeUp{
|
||||
height:10px;
|
||||
width:13px;
|
||||
border:0px;
|
||||
background:url(img.gif) no-repeat -32px -16px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpTime #dpTimeDown{
|
||||
height:10px;
|
||||
width:13px;
|
||||
border:0px;
|
||||
background:url(img.gif) no-repeat -48px -16px;
|
||||
}
|
||||
|
||||
.WdateDiv #dpQS {
|
||||
float:left;
|
||||
margin-right:3px;
|
||||
margin-top:3px;
|
||||
background:url(img.gif) no-repeat 0px -16px;
|
||||
width:20px;
|
||||
height:20px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.WdateDiv #dpControl {
|
||||
text-align:right;
|
||||
margin-top:3px;
|
||||
}
|
||||
.WdateDiv .dpButton{
|
||||
height:20px;
|
||||
width:45px;
|
||||
margin-top:2px;
|
||||
border:#38B1B9 1px solid;
|
||||
background-color:#CFEBEE;
|
||||
color:#08575B;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,14 @@
|
||||
var $lang={
|
||||
errAlertMsg: "Invalid date or the date out of range,redo or not?",
|
||||
aWeekStr: ["wk", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
|
||||
aLongWeekStr:["wk","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
|
||||
aMonStr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||
aLongMonStr: ["January","February","March","April","May","June","July","August","September","October","November","December"],
|
||||
clearStr: "Clear",
|
||||
todayStr: "Today",
|
||||
okStr: "OK",
|
||||
updateStr: "OK",
|
||||
timeStr: "Time",
|
||||
quickStr: "Quick Selection",
|
||||
err_1: 'MinDate Cannot be bigger than MaxDate!'
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
var $lang={
|
||||
errAlertMsg: "<22><><EFBFBD>Ϸ<EFBFBD><CFB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڳ<EFBFBD><DAB3><EFBFBD><EFBFBD><EFBFBD><DEB6><EFBFBD>Χ,<2C><>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?",
|
||||
aWeekStr: ["<22><>","<22><>","һ","<22><>","<22><>","<22><>","<22><>","<22><>"],
|
||||
aLongWeekStr:["<22><>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>һ","<22><><EFBFBD>ڶ<EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>"],
|
||||
aMonStr: ["һ<><D2BB>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","ʮ<><CAAE>","ʮһ","ʮ<><CAAE>"],
|
||||
aLongMonStr: ["һ<><D2BB>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","ʮ<><CAAE>","ʮһ<CAAE><D2BB>","ʮ<><CAAE><EFBFBD><EFBFBD>"],
|
||||
clearStr: "<22><><EFBFBD><EFBFBD>",
|
||||
todayStr: "<22><><EFBFBD><EFBFBD>",
|
||||
okStr: "ȷ<><C8B7>",
|
||||
updateStr: "ȷ<><C8B7>",
|
||||
timeStr: "ʱ<><CAB1>",
|
||||
quickStr: "<22><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>",
|
||||
err_1: '<27><>С<EFBFBD><D0A1><EFBFBD>ڲ<EFBFBD><DAB2>ܴ<EFBFBD><DCB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!'
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
var $lang={
|
||||
errAlertMsg: "<22><><EFBFBD>Ϸ<EFBFBD><CFB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڳ<EFBFBD><DAB3><EFBFBD><EFBFBD><EFBFBD><DEB6><EFBFBD><EFBFBD><EFBFBD>,<2C><>Ҫ<EFBFBD><D2AA><EFBFBD>N<EFBFBD><4E>?",
|
||||
aWeekStr: ["<22><>","<22><>","һ","<22><>","<22><>","<22><>","<22><>","<22><>"],
|
||||
aLongWeekStr:["<22><>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>һ","<22><><EFBFBD>ڶ<EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>"],
|
||||
aMonStr: ["һ<><D2BB>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","ʮ<><CAAE>","ʮһ","ʮ<><CAAE>"],
|
||||
aLongMonStr: ["һ<><D2BB>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","ʮ<><CAAE>","ʮһ<CAAE><D2BB>","ʮ<><CAAE><EFBFBD><EFBFBD>"],
|
||||
clearStr: "<22><><EFBFBD><EFBFBD>",
|
||||
todayStr: "<22><><EFBFBD><EFBFBD>",
|
||||
okStr: "<22>_<EFBFBD><5F>",
|
||||
updateStr: "<22>_<EFBFBD><5F>",
|
||||
timeStr: "<22>r<EFBFBD>g",
|
||||
quickStr: "<22><><EFBFBD><EFBFBD><EFBFBD>x<EFBFBD><78>",
|
||||
err_1: '<27><>С<EFBFBD><D0A1><EFBFBD>ڲ<EFBFBD><DAB2>ܴ<EFBFBD><DCB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!'
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
<EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ,<2C>ɽ<EFBFBD><C9BD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD>ɾȥ
|
||||
|
||||
|
||||
@@ -0,0 +1,10 @@
|
||||
.Wdate{
|
||||
border:#999 1px solid;
|
||||
height:20px;
|
||||
background:#fff url(datePicker.png) no-repeat right;
|
||||
}
|
||||
|
||||
.WdateFmtErr{
|
||||
font-weight:bold;
|
||||
color:red;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 630 B |
@@ -0,0 +1,267 @@
|
||||
/*
|
||||
* My97 DatePicker 4.7
|
||||
* Ƥ<><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:default
|
||||
*/
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> DIV */
|
||||
.WdateDiv{
|
||||
width:180px;
|
||||
background-color:#FFFFFF;
|
||||
border:#bbb 1px solid;
|
||||
padding:2px;
|
||||
}
|
||||
/* ˫<><CBAB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ<EFBFBD><C4BF><EFBFBD> */
|
||||
.WdateDiv2{
|
||||
width:360px;
|
||||
}
|
||||
.WdateDiv *{font-size:9pt;}
|
||||
|
||||
/****************************
|
||||
* <20><><EFBFBD><EFBFBD>ͼ<EFBFBD><CDBC> ȫ<><C8AB><EFBFBD><EFBFBD>A<EFBFBD><41>ǩ
|
||||
***************************/
|
||||
.WdateDiv .NavImg a{
|
||||
display:block;
|
||||
cursor:pointer;
|
||||
height:16px;
|
||||
width:16px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgll a{
|
||||
float:left;
|
||||
background:transparent url(img.gif) no-repeat scroll 0 0;
|
||||
}
|
||||
.WdateDiv .NavImgl a{
|
||||
float:left;
|
||||
background:transparent url(img.gif) no-repeat scroll -16px 0;
|
||||
}
|
||||
.WdateDiv .NavImgr a{
|
||||
float:right;
|
||||
background:transparent url(img.gif) no-repeat scroll -32px 0;
|
||||
}
|
||||
.WdateDiv .NavImgrr a{
|
||||
float:right;
|
||||
background:transparent url(img.gif) no-repeat scroll -48px 0;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD>
|
||||
***************************/
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD> DIV */
|
||||
.WdateDiv #dpTitle{
|
||||
height:24px;
|
||||
margin-bottom:2px;
|
||||
padding:1px;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
|
||||
.WdateDiv .yminput{
|
||||
margin-top:2px;
|
||||
text-align:center;
|
||||
height:20px;
|
||||
border:0px;
|
||||
width:50px;
|
||||
cursor:pointer;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ý<EFBFBD><C3BD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD>ʽ INPUT */
|
||||
.WdateDiv .yminputfocus{
|
||||
margin-top:2px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
height:20px;
|
||||
color:blue;
|
||||
border:#ccc 1px solid;
|
||||
width:50px;
|
||||
}
|
||||
/* <20>˵<EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD> DIV */
|
||||
.WdateDiv .menuSel{
|
||||
z-index:1;
|
||||
position:absolute;
|
||||
background-color:#FFFFFF;
|
||||
border:#ccc 1px solid;
|
||||
display:none;
|
||||
}
|
||||
/* <20>˵<EFBFBD><CBB5><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
||||
.WdateDiv .menu{
|
||||
cursor:pointer;
|
||||
background-color:#fff;
|
||||
}
|
||||
/* <20>˵<EFBFBD><CBB5><EFBFBD>mouseover<65><72>ʽ TD */
|
||||
.WdateDiv .menuOn{
|
||||
cursor:pointer;
|
||||
background-color:#BEEBEE;
|
||||
}
|
||||
/* <20>˵<EFBFBD><CBB5><EFBFBD>Чʱ<D0A7><CAB1><EFBFBD><EFBFBD>ʽ TD */
|
||||
.WdateDiv .invalidMenu{
|
||||
color:#aaa;
|
||||
}
|
||||
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƫ<EFBFBD><C6AB> DIV */
|
||||
.WdateDiv .YMenu{
|
||||
margin-top:20px;
|
||||
|
||||
}
|
||||
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƫ<EFBFBD><C6AB> DIV */
|
||||
.WdateDiv .MMenu{
|
||||
margin-top:20px;
|
||||
*width:62px;
|
||||
}
|
||||
/* ʱѡ<CAB1><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
|
||||
.WdateDiv .hhMenu{
|
||||
margin-top:-90px;
|
||||
margin-left:26px;
|
||||
}
|
||||
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
|
||||
.WdateDiv .mmMenu{
|
||||
margin-top:-46px;
|
||||
margin-left:26px;
|
||||
}
|
||||
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
|
||||
.WdateDiv .ssMenu{
|
||||
margin-top:-24px;
|
||||
margin-left:26px;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||
***************************/
|
||||
.WdateDiv .Wweek {
|
||||
text-align:center;
|
||||
background:#DAF3F5;
|
||||
border-right:#BDEBEE 1px solid;
|
||||
}
|
||||
/****************************
|
||||
* <20><><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||
***************************/
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TR */
|
||||
.WdateDiv .MTitle{
|
||||
background-color:#BDEBEE;
|
||||
}
|
||||
.WdateDiv .WdayTable2{
|
||||
border-collapse:collapse;
|
||||
border:#c5d9e8 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable2 table{
|
||||
border:0;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TABLE */
|
||||
.WdateDiv .WdayTable{
|
||||
line-height:20px;
|
||||
border:#c5d9e8 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable td{
|
||||
text-align:center;
|
||||
}
|
||||
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
||||
.WdateDiv .Wday{
|
||||
cursor:pointer;
|
||||
}
|
||||
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
|
||||
.WdateDiv .WdayOn{
|
||||
cursor:pointer;
|
||||
background-color:#C0EBEF;
|
||||
}
|
||||
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
||||
.WdateDiv .Wwday{
|
||||
cursor:pointer;
|
||||
color:#FF2F2F;
|
||||
}
|
||||
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
|
||||
.WdateDiv .WwdayOn{
|
||||
cursor:pointer;
|
||||
color:#000;
|
||||
background-color:#C0EBEF;
|
||||
}
|
||||
.WdateDiv .Wtoday{
|
||||
cursor:pointer;
|
||||
color:blue;
|
||||
}
|
||||
.WdateDiv .Wselday{
|
||||
background-color:#A9E4E9;
|
||||
}
|
||||
.WdateDiv .WspecialDay{
|
||||
background-color:#66F4DF;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD> */
|
||||
.WdateDiv .WotherDay{
|
||||
cursor:pointer;
|
||||
color:#6A6AFF;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD>mouseover<65><72>ʽ */
|
||||
.WdateDiv .WotherDayOn{
|
||||
cursor:pointer;
|
||||
background-color:#C0EBEF;
|
||||
}
|
||||
/* <20><>Ч<EFBFBD><D0A7><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
||||
.WdateDiv .WinvalidDay{
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||
***************************/
|
||||
/* ʱ<><CAB1><EFBFBD><EFBFBD> DIV */
|
||||
.WdateDiv #dpTime{
|
||||
float:left;
|
||||
margin-top:3px;
|
||||
margin-right:30px;
|
||||
}
|
||||
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> SPAN */
|
||||
.WdateDiv #dpTime #dpTimeStr{
|
||||
margin-left:1px;
|
||||
}
|
||||
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
|
||||
.WdateDiv #dpTime input{
|
||||
width:18px;
|
||||
height:20px;
|
||||
text-align:center;
|
||||
border:#ccc 1px solid;
|
||||
}
|
||||
/* ʱ<><CAB1> ʱ INPUT */
|
||||
.WdateDiv #dpTime .tB{
|
||||
border-right:0px;
|
||||
}
|
||||
/* ʱ<><CAB1> <20>ֺͼ<D6BA><CDBC><EFBFBD><EFBFBD><EFBFBD> ':' INPUT */
|
||||
.WdateDiv #dpTime .tE{
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
/* ʱ<><CAB1> <20><> INPUT */
|
||||
.WdateDiv #dpTime .tm{
|
||||
width:7px;
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>ϰ<EFBFBD>ť BUTTON */
|
||||
.WdateDiv #dpTime #dpTimeUp{
|
||||
height:10px;
|
||||
width:13px;
|
||||
border:0px;
|
||||
background:url(img.gif) no-repeat -32px -16px;
|
||||
}
|
||||
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>°<EFBFBD>ť BUTTON */
|
||||
.WdateDiv #dpTime #dpTimeDown{
|
||||
height:10px;
|
||||
width:13px;
|
||||
border:0px;
|
||||
background:url(img.gif) no-repeat -48px -16px;
|
||||
}
|
||||
/****************************
|
||||
* <20><><EFBFBD><EFBFBD>
|
||||
***************************/
|
||||
.WdateDiv #dpQS {
|
||||
float:left;
|
||||
margin-right:3px;
|
||||
margin-top:3px;
|
||||
background:url(img.gif) no-repeat 0px -16px;
|
||||
width:20px;
|
||||
height:20px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.WdateDiv #dpControl {
|
||||
text-align:right;
|
||||
}
|
||||
.WdateDiv .dpButton{
|
||||
height:20px;
|
||||
width:45px;
|
||||
border:#ccc 1px solid;
|
||||
margin-top:2px;
|
||||
margin-right:1px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 307 B |
@@ -0,0 +1,277 @@
|
||||
/*
|
||||
* My97 DatePicker 4.7
|
||||
* Ƥ<><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:whyGreen
|
||||
*/
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> DIV */
|
||||
.WdateDiv{
|
||||
width:180px;
|
||||
background-color:#fff;
|
||||
border:#C5E1E4 1px solid;
|
||||
padding:2px;
|
||||
}
|
||||
/* ˫<><CBAB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ<EFBFBD><C4BF><EFBFBD> */
|
||||
.WdateDiv2{
|
||||
width:360px;
|
||||
}
|
||||
.WdateDiv *{font-size:9pt;}
|
||||
|
||||
/****************************
|
||||
* <20><><EFBFBD><EFBFBD>ͼ<EFBFBD><CDBC> ȫ<><C8AB><EFBFBD><EFBFBD>A<EFBFBD><41>ǩ
|
||||
***************************/
|
||||
.WdateDiv .NavImg a{
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
margin-top:1px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgll a{
|
||||
float:left;
|
||||
background:url(img.gif) no-repeat;
|
||||
}
|
||||
.WdateDiv .NavImgl a{
|
||||
float:left;
|
||||
background:url(img.gif) no-repeat -16px 0px;
|
||||
}
|
||||
.WdateDiv .NavImgr a{
|
||||
float:right;
|
||||
background:url(img.gif) no-repeat -32px 0px;
|
||||
}
|
||||
.WdateDiv .NavImgrr a{
|
||||
float:right;
|
||||
background:url(img.gif) no-repeat -48px 0px;
|
||||
}
|
||||
/****************************
|
||||
* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD>
|
||||
***************************/
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD> DIV */
|
||||
.WdateDiv #dpTitle{
|
||||
height:24px;
|
||||
padding:1px;
|
||||
border:#c5d9e8 1px solid;
|
||||
background:url(bg.jpg);
|
||||
margin-bottom:2px;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
|
||||
.WdateDiv .yminput{
|
||||
margin-top:2px;
|
||||
text-align:center;
|
||||
border:0px;
|
||||
height:20px;
|
||||
width:50px;
|
||||
color:#034c50;
|
||||
background-color:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ý<EFBFBD><C3BD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD>ʽ INPUT */
|
||||
.WdateDiv .yminputfocus{
|
||||
margin-top:2px;
|
||||
text-align:center;
|
||||
border:#939393 1px solid;
|
||||
font-weight:bold;
|
||||
color:#034c50;
|
||||
height:20px;
|
||||
width:50px;
|
||||
}
|
||||
/* <20>˵<EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD> DIV */
|
||||
.WdateDiv .menuSel{
|
||||
z-index:1;
|
||||
position:absolute;
|
||||
background-color:#FFFFFF;
|
||||
border:#A3C6C8 1px solid;
|
||||
display:none;
|
||||
}
|
||||
/* <20>˵<EFBFBD><CBB5><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
||||
.WdateDiv .menu{
|
||||
cursor:pointer;
|
||||
background-color:#fff;
|
||||
color:#11777C;
|
||||
}
|
||||
/* <20>˵<EFBFBD><CBB5><EFBFBD>mouseover<65><72>ʽ TD */
|
||||
.WdateDiv .menuOn{
|
||||
cursor:pointer;
|
||||
background-color:#BEEBEE;
|
||||
}
|
||||
/* <20>˵<EFBFBD><CBB5><EFBFBD>Чʱ<D0A7><CAB1><EFBFBD><EFBFBD>ʽ TD */
|
||||
.WdateDiv .invalidMenu{
|
||||
color:#aaa;
|
||||
}
|
||||
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƫ<EFBFBD><C6AB> DIV */
|
||||
.WdateDiv .YMenu{
|
||||
margin-top:20px;
|
||||
}
|
||||
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƫ<EFBFBD><C6AB> DIV */
|
||||
.WdateDiv .MMenu{
|
||||
margin-top:20px;
|
||||
*width:62px;
|
||||
}
|
||||
/* ʱѡ<CAB1><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
|
||||
.WdateDiv .hhMenu{
|
||||
margin-top:-90px;
|
||||
margin-left:26px;
|
||||
}
|
||||
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
|
||||
.WdateDiv .mmMenu{
|
||||
margin-top:-46px;
|
||||
margin-left:26px;
|
||||
}
|
||||
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
|
||||
.WdateDiv .ssMenu{
|
||||
margin-top:-24px;
|
||||
margin-left:26px;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||
***************************/
|
||||
.WdateDiv .Wweek {
|
||||
text-align:center;
|
||||
background:#DAF3F5;
|
||||
border-right:#BDEBEE 1px solid;
|
||||
}
|
||||
/****************************
|
||||
* <20><><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||
***************************/
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TR */
|
||||
.WdateDiv .MTitle{
|
||||
color:#13777e;
|
||||
background-color:#bdebee;
|
||||
}
|
||||
.WdateDiv .WdayTable2{
|
||||
border-collapse:collapse;
|
||||
border:#BEE9F0 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable2 table{
|
||||
border:0;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TABLE */
|
||||
.WdateDiv .WdayTable{
|
||||
line-height:20px;
|
||||
color:#13777e;
|
||||
background-color:#edfbfb;
|
||||
border:#BEE9F0 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable td{
|
||||
text-align:center;
|
||||
}
|
||||
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
||||
.WdateDiv .Wday{
|
||||
cursor:pointer;
|
||||
}
|
||||
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
|
||||
.WdateDiv .WdayOn{
|
||||
cursor:pointer;
|
||||
background-color:#74d2d9 ;
|
||||
}
|
||||
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
|
||||
.WdateDiv .Wwday{
|
||||
cursor:pointer;
|
||||
color:#ab1e1e;
|
||||
}
|
||||
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
|
||||
.WdateDiv .WwdayOn{
|
||||
cursor:pointer;
|
||||
background-color:#74d2d9;
|
||||
}
|
||||
.WdateDiv .Wtoday{
|
||||
cursor:pointer;
|
||||
color:blue;
|
||||
}
|
||||
.WdateDiv .Wselday{
|
||||
background-color:#A7E2E7;
|
||||
}
|
||||
.WdateDiv .WspecialDay{
|
||||
background-color:#66F4DF;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD> */
|
||||
.WdateDiv .WotherDay{
|
||||
cursor:pointer;
|
||||
color:#0099CC;
|
||||
}
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD>mouseover<65><72>ʽ */
|
||||
.WdateDiv .WotherDayOn{
|
||||
cursor:pointer;
|
||||
background-color:#C0EBEF;
|
||||
}
|
||||
/* <20><>Ч<EFBFBD><D0A7><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
||||
.WdateDiv .WinvalidDay{
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||
***************************/
|
||||
/* ʱ<><CAB1><EFBFBD><EFBFBD> DIV */
|
||||
.WdateDiv #dpTime{
|
||||
float:left;
|
||||
margin-top:3px;
|
||||
margin-right:30px;
|
||||
}
|
||||
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> SPAN */
|
||||
.WdateDiv #dpTime #dpTimeStr{
|
||||
margin-left:1px;
|
||||
color:#497F7F;
|
||||
}
|
||||
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
|
||||
.WdateDiv #dpTime input{
|
||||
height:20px;
|
||||
width:18px;
|
||||
text-align:center;
|
||||
color:#333;
|
||||
border:#61CAD0 1px solid;
|
||||
}
|
||||
/* ʱ<><CAB1> ʱ INPUT */
|
||||
.WdateDiv #dpTime .tB{
|
||||
border-right:0px;
|
||||
}
|
||||
/* ʱ<><CAB1> <20>ֺͼ<D6BA><CDBC><EFBFBD><EFBFBD><EFBFBD> ':' INPUT */
|
||||
.WdateDiv #dpTime .tE{
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
/* ʱ<><CAB1> <20><> INPUT */
|
||||
.WdateDiv #dpTime .tm{
|
||||
width:7px;
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>ϰ<EFBFBD>ť BUTTON */
|
||||
.WdateDiv #dpTime #dpTimeUp{
|
||||
height:10px;
|
||||
width:13px;
|
||||
border:0px;
|
||||
background:url(img.gif) no-repeat -32px -16px;
|
||||
}
|
||||
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>°<EFBFBD>ť BUTTON */
|
||||
.WdateDiv #dpTime #dpTimeDown{
|
||||
height:10px;
|
||||
width:13px;
|
||||
border:0px;
|
||||
background:url(img.gif) no-repeat -48px -16px;
|
||||
}
|
||||
/****************************
|
||||
* <20><><EFBFBD><EFBFBD>
|
||||
***************************/
|
||||
.WdateDiv #dpQS {
|
||||
float:left;
|
||||
margin-right:3px;
|
||||
margin-top:3px;
|
||||
background:url(img.gif) no-repeat 0px -16px;
|
||||
width:20px;
|
||||
height:20px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.WdateDiv #dpControl {
|
||||
text-align:right;
|
||||
margin-top:3px;
|
||||
}
|
||||
.WdateDiv .dpButton{
|
||||
height:20px;
|
||||
width:45px;
|
||||
margin-top:2px;
|
||||
border:#38B1B9 1px solid;
|
||||
background-color:#CFEBEE;
|
||||
color:#08575B;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Reference in New Issue
Block a user