mirror of https://github.com/layui/laydate
5.0.0
parent
f0c99788a3
commit
e5fd7df565
|
@ -0,0 +1,18 @@
|
||||||
|
|
||||||
|
# v5.0.0
|
||||||
|
|
||||||
|
* 全新重写
|
||||||
|
* 支持单独显示年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器
|
||||||
|
* 支持双控件,用于选择年/年月/日期/时间/日期时间五种类型选择器的范围(可顺时、逆时)
|
||||||
|
* 支持日期格式的自定义
|
||||||
|
* 支持日期是否合法的自动校验
|
||||||
|
* 支持有效日期范围的设定
|
||||||
|
* 支持内置事件(可自定义)、外部事件、直接显示等多种调用方式
|
||||||
|
* 支持中文版和国际版的语言设定
|
||||||
|
* 支持开启公历节日和标记重要日期
|
||||||
|
* 支持直接嵌套在页面的某个容器中
|
||||||
|
* 支持底部按钮的任意顺序排版
|
||||||
|
* 支持智能显示在最佳可视坐标
|
||||||
|
* 支持回车快捷键选择
|
||||||
|
* 支持多种内置主题的设定,支持自定义主题色,且可单独定制主题
|
||||||
|
|
|
@ -0,0 +1,21 @@
|
||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2016 layui
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
|
@ -0,0 +1,6 @@
|
||||||
|
|
||||||
|
## 概要
|
||||||
|
全面重写的 layDate 包含了大量的更新,其中主要以:年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心,并且均支持范围选择(即双控件)。内置强劲的自定义日期格式解析和合法校正机制,含中文版和国际版,主题简约却又不失灵活多样。由于内部采用的是零依赖的原生 JavaScript 编写,因此又可作为独立组件使用。毫无疑问,这是 layui 的虔心之作。
|
||||||
|
|
||||||
|
## 相关
|
||||||
|
[示例与文档](http://www.layui.com/laydate/)、[社区](http://fly.layui.com)
|
File diff suppressed because one or more lines are too long
Binary file not shown.
|
@ -0,0 +1,45 @@
|
||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||||
|
<!--
|
||||||
|
2013-9-30: Created.
|
||||||
|
-->
|
||||||
|
<svg>
|
||||||
|
<metadata>
|
||||||
|
Created by iconfont
|
||||||
|
</metadata>
|
||||||
|
<defs>
|
||||||
|
|
||||||
|
<font id="laydate-icon" horiz-adv-x="1024" >
|
||||||
|
<font-face
|
||||||
|
font-family="laydate-icon"
|
||||||
|
font-weight="500"
|
||||||
|
font-stretch="normal"
|
||||||
|
units-per-em="1024"
|
||||||
|
ascent="896"
|
||||||
|
descent="-128"
|
||||||
|
/>
|
||||||
|
<missing-glyph />
|
||||||
|
|
||||||
|
<glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
|
||||||
|
d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
|
||||||
|
t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
|
||||||
|
t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<glyph glyph-name="youyou" unicode="" d="M283.648 721.918976 340.873216 780.926976 740.352 383.997952 340.876288-12.925952 283.648 46.077952 619.52 383.997952Z" horiz-adv-x="1024" />
|
||||||
|
|
||||||
|
|
||||||
|
<glyph glyph-name="zuozuo" unicode="" d="M740.352 721.918976 683.126784 780.926976 283.648 383.997952 683.123712-12.925952 740.352 46.077952 404.48 383.997952Z" horiz-adv-x="1024" />
|
||||||
|
|
||||||
|
|
||||||
|
<glyph glyph-name="xiayiye" unicode="" d="M62.573 384.103l423.401 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.751-18.976-68.727 0l-39.753 39.753 0.269 0.246-385.655 385.661zM451.365 384.103l423.407 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.757-18.977-68.727 0l-39.762 39.754 0.273 0.249-385.662 385.661zM451.365 384.103z" horiz-adv-x="1024" />
|
||||||
|
|
||||||
|
|
||||||
|
<glyph glyph-name="xiayiye1" unicode="" d="M948.066926 382.958838l-411.990051-412.24426c-18.47333-18.47333-48.417689-18.47333-66.875207 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L814.691135 383.088983 467.512212 730.269123c-18.466032 18.458735-18.466032 48.405526 0 66.873991 18.468465 18.464816 48.410391 18.464816 66.872774 0l38.682336-38.682336-0.261507-0.239614 375.259894-375.265975v0.003649m-378.312834 0L157.756743-29.285422c-18.47333-18.47333-48.415256-18.47333-66.872775 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L436.369787 383.088983 89.19208 730.269123c-18.4636 18.458735-18.4636 48.405526 0 66.873991 18.470898 18.464816 48.415256 18.464816 66.872774 0l38.692067-38.682336-0.266372-0.239614 375.267191-375.265975-0.004865 0.003649m0 0z" horiz-adv-x="1024" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</font>
|
||||||
|
</defs></svg>
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,52 @@
|
||||||
|
/**
|
||||||
|
layDate构建
|
||||||
|
*/
|
||||||
|
|
||||||
|
var pkg = require('./package.json');
|
||||||
|
|
||||||
|
var gulp = require('gulp');
|
||||||
|
var uglify = require('gulp-uglify');
|
||||||
|
var minify = require('gulp-minify-css');
|
||||||
|
var rename = require('gulp-rename');
|
||||||
|
var header = require('gulp-header');
|
||||||
|
var del = require('del');
|
||||||
|
|
||||||
|
var task = {
|
||||||
|
laydate: function() {
|
||||||
|
gulp.src('./src/**/*.css')
|
||||||
|
.pipe(minify({
|
||||||
|
compatibility: 'ie7'
|
||||||
|
}))
|
||||||
|
.pipe(header('/*! <%= pkg.alias %>-v<%= pkg.version %> <%= pkg.description %> <%= pkg.license %> License <%= pkg.homepage %> By <%= pkg.author %> */\n', {pkg: pkg}))
|
||||||
|
.pipe(gulp.dest('./dist'));
|
||||||
|
|
||||||
|
return gulp.src('./src/laydate.js').pipe(uglify())
|
||||||
|
.pipe(header('/*! <%= pkg.alias %>-v<%= pkg.version %> <%= pkg.description %> <%= pkg.license %> License <%= pkg.homepage %> By <%= pkg.author %> */\n ;', {pkg: pkg}))
|
||||||
|
.pipe(gulp.dest('./dist'));
|
||||||
|
|
||||||
|
}
|
||||||
|
,other: function(){
|
||||||
|
gulp.src('./src/**/font/*').pipe(rename({}))
|
||||||
|
.pipe(gulp.dest('./dist'));
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
gulp.task('clear', function(cb){ //清理
|
||||||
|
return del(['./dist/*'], cb);
|
||||||
|
});
|
||||||
|
gulp.task('laydate', task.minjs); //压缩PC版本
|
||||||
|
gulp.task('other', task.other); //移动一些配件
|
||||||
|
|
||||||
|
//全部
|
||||||
|
gulp.task('default', ['clear'], function(){
|
||||||
|
for(var key in task){
|
||||||
|
task[key]();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,25 @@
|
||||||
|
{
|
||||||
|
"name": "layui-laydate",
|
||||||
|
"version": "5.0.0",
|
||||||
|
"alias": "laydate",
|
||||||
|
"description": "日期与时间组件",
|
||||||
|
"main": "src/laydate.js",
|
||||||
|
"license": "MIT",
|
||||||
|
"scripts": {
|
||||||
|
"run": "gulp"
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "https",
|
||||||
|
"url": "https://github.com/sentsin/laydate.git"
|
||||||
|
},
|
||||||
|
"author": "贤心",
|
||||||
|
"homepage": "http://www.layui.com/laydate/",
|
||||||
|
"devDependencies": {
|
||||||
|
"gulp": "^3.9.0",
|
||||||
|
"gulp-minify-css": "^1.2.4",
|
||||||
|
"gulp-uglify": "^1.5.4",
|
||||||
|
"gulp-rename": "^1.2.2",
|
||||||
|
"gulp-header": "^1.8.8",
|
||||||
|
"del": "^2.2.2"
|
||||||
|
}
|
||||||
|
}
|
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
@ -0,0 +1,45 @@
|
||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||||
|
<!--
|
||||||
|
2013-9-30: Created.
|
||||||
|
-->
|
||||||
|
<svg>
|
||||||
|
<metadata>
|
||||||
|
Created by iconfont
|
||||||
|
</metadata>
|
||||||
|
<defs>
|
||||||
|
|
||||||
|
<font id="laydate-icon" horiz-adv-x="1024" >
|
||||||
|
<font-face
|
||||||
|
font-family="laydate-icon"
|
||||||
|
font-weight="500"
|
||||||
|
font-stretch="normal"
|
||||||
|
units-per-em="1024"
|
||||||
|
ascent="896"
|
||||||
|
descent="-128"
|
||||||
|
/>
|
||||||
|
<missing-glyph />
|
||||||
|
|
||||||
|
<glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
|
||||||
|
d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
|
||||||
|
t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
|
||||||
|
t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<glyph glyph-name="youyou" unicode="" d="M283.648 721.918976 340.873216 780.926976 740.352 383.997952 340.876288-12.925952 283.648 46.077952 619.52 383.997952Z" horiz-adv-x="1024" />
|
||||||
|
|
||||||
|
|
||||||
|
<glyph glyph-name="zuozuo" unicode="" d="M740.352 721.918976 683.126784 780.926976 283.648 383.997952 683.123712-12.925952 740.352 46.077952 404.48 383.997952Z" horiz-adv-x="1024" />
|
||||||
|
|
||||||
|
|
||||||
|
<glyph glyph-name="xiayiye" unicode="" d="M62.573 384.103l423.401 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.751-18.976-68.727 0l-39.753 39.753 0.269 0.246-385.655 385.661zM451.365 384.103l423.407 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.757-18.977-68.727 0l-39.762 39.754 0.273 0.249-385.662 385.661zM451.365 384.103z" horiz-adv-x="1024" />
|
||||||
|
|
||||||
|
|
||||||
|
<glyph glyph-name="xiayiye1" unicode="" d="M948.066926 382.958838l-411.990051-412.24426c-18.47333-18.47333-48.417689-18.47333-66.875207 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L814.691135 383.088983 467.512212 730.269123c-18.466032 18.458735-18.466032 48.405526 0 66.873991 18.468465 18.464816 48.410391 18.464816 66.872774 0l38.682336-38.682336-0.261507-0.239614 375.259894-375.265975v0.003649m-378.312834 0L157.756743-29.285422c-18.47333-18.47333-48.415256-18.47333-66.872775 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L436.369787 383.088983 89.19208 730.269123c-18.4636 18.458735-18.4636 48.405526 0 66.873991 18.470898 18.464816 48.415256 18.464816 66.872774 0l38.692067-38.682336-0.266372-0.239614 375.267191-375.265975-0.004865 0.003649m0 0z" horiz-adv-x="1024" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</font>
|
||||||
|
</defs></svg>
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
Binary file not shown.
|
@ -0,0 +1,169 @@
|
||||||
|
/**
|
||||||
|
|
||||||
|
@Name: laydata
|
||||||
|
@Author: 贤心
|
||||||
|
|
||||||
|
**/
|
||||||
|
|
||||||
|
|
||||||
|
html #layuicss-laydate{display: none; position: absolute; width: 1989px;}
|
||||||
|
|
||||||
|
/** 图标字体 **/
|
||||||
|
@font-face {font-family: 'laydate-icon';
|
||||||
|
src: url('./font/iconfont.eot');
|
||||||
|
src: url('./font/iconfont.eot#iefix') format('embedded-opentype'),
|
||||||
|
url('./font/iconfont.svg#iconfont') format('svg'),
|
||||||
|
url('./font/iconfont.woff') format('woff'),
|
||||||
|
url('./font/iconfont.ttf') format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
.laydate-icon{
|
||||||
|
font-family:"laydate-icon" !important;
|
||||||
|
font-size: 16px;
|
||||||
|
font-style: normal;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 主体结构 */
|
||||||
|
.layui-laydate, .layui-laydate *{box-sizing: border-box;}
|
||||||
|
.layui-laydate{position: absolute; z-index: 66666666; margin: 5px 0; border-radius: 2px; font-size: 14px; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
|
||||||
|
.layui-laydate-main{width: 272px;}
|
||||||
|
.layui-laydate-header *,
|
||||||
|
.layui-laydate-content td,
|
||||||
|
.layui-laydate-list li{transition-duration: .3s; -webkit-transition-duration: .3s;}
|
||||||
|
|
||||||
|
@-webkit-keyframes laydate-upbit{ /* 微微往上滑入 */
|
||||||
|
from {-webkit-transform: translate3d(0, 20px, 0); opacity: 0.3;}
|
||||||
|
to {-webkit-transform: translate3d(0, 0, 0); opacity: 1;}
|
||||||
|
}
|
||||||
|
@keyframes laydate-upbit{
|
||||||
|
from {transform: translate3d(0, 20px, 0); opacity: 0.3;}
|
||||||
|
to {transform: translate3d(0, 0, 0); opacity: 1;}
|
||||||
|
}
|
||||||
|
.layui-laydate{-webkit-animation-name: laydate-upbit; animation-name: laydate-upbit;}
|
||||||
|
.layui-laydate-static{ position: relative; z-index: 0; display: inline-block; margin: 0; -webkit-animation: none; animation: none;}
|
||||||
|
|
||||||
|
/* 展开年月列表时 */
|
||||||
|
.laydate-ym-show .laydate-prev-m,
|
||||||
|
.laydate-ym-show .laydate-next-m{display: none !important;}
|
||||||
|
.laydate-ym-show .laydate-prev-y,
|
||||||
|
.laydate-ym-show .laydate-next-y{display: inline-block !important;}
|
||||||
|
.laydate-ym-show .laydate-set-ym span[lay-type="month"]{display: none !important;}
|
||||||
|
|
||||||
|
/* 展开时间列表时 */
|
||||||
|
.laydate-time-show .layui-laydate-header .layui-icon,
|
||||||
|
.laydate-time-show .laydate-set-ym span[lay-type="year"],
|
||||||
|
.laydate-time-show .laydate-set-ym span[lay-type="month"]{display: none !important;}
|
||||||
|
|
||||||
|
/* 头部结构 */
|
||||||
|
.layui-laydate-header{position: relative; line-height:30px; padding: 10px 70px 5px;}
|
||||||
|
.layui-laydate-header *{display: inline-block; vertical-align: bottom;}
|
||||||
|
.layui-laydate-header i{position: absolute; top: 10px; padding: 0 5px; color: #999; font-size: 18px; cursor: pointer;}
|
||||||
|
.layui-laydate-header i.laydate-prev-y{left: 15px;}
|
||||||
|
.layui-laydate-header i.laydate-prev-m{left: 45px;}
|
||||||
|
.layui-laydate-header i.laydate-next-y{right: 15px;}
|
||||||
|
.layui-laydate-header i.laydate-next-m{right: 45px;}
|
||||||
|
.laydate-set-ym{width: 100%; text-align: center; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
|
||||||
|
.laydate-set-ym span{padding: 0 5px; cursor: pointer;}
|
||||||
|
.laydate-time-text{cursor: default !important;}
|
||||||
|
|
||||||
|
/* 主体结构 */
|
||||||
|
.layui-laydate-content{position: relative; padding: 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
|
||||||
|
.layui-laydate-content table{border-collapse: collapse; border-spacing: 0;}
|
||||||
|
.layui-laydate-content th,
|
||||||
|
.layui-laydate-content td{width: 36px; height: 30px; padding: 5px; text-align: center;}
|
||||||
|
.layui-laydate-content th{font-weight: 400;}
|
||||||
|
.layui-laydate-content td{position: relative; cursor: pointer;}
|
||||||
|
.laydate-day-mark{position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 30px; font-size: 12px; overflow: hidden;}
|
||||||
|
.laydate-day-mark::after{position: absolute; content:''; right: 2px; top: 2px; width: 5px; height: 5px; border-radius: 50%;}
|
||||||
|
|
||||||
|
/* 底部结构 */
|
||||||
|
.layui-laydate-footer{position: relative; height: 46px; line-height: 26px; padding: 10px 20px;}
|
||||||
|
.layui-laydate-footer span{margin-right: 15px; display: inline-block; cursor: pointer; font-size: 12px;}
|
||||||
|
.layui-laydate-footer span:hover{color: #5FB878;}
|
||||||
|
.laydate-footer-btns{position: absolute; right: 10px; top: 10px;}
|
||||||
|
.laydate-footer-btns span{height: 26px; line-height: 26px; margin: 0 0 0 -1px; padding: 0 10px; border: 1px solid #C9C9C9; background-color: #fff; white-space: nowrap; vertical-align: top; border-radius: 2px;}
|
||||||
|
|
||||||
|
/* 年月列表 */
|
||||||
|
.layui-laydate-list{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; background-color: #fff;}
|
||||||
|
.layui-laydate-list>li{position: relative; display: inline-block; width: 33.3%; height: 36px; line-height: 36px; margin: 3px 0; vertical-align: middle; text-align: center; cursor: pointer;}
|
||||||
|
.laydate-month-list>li{width: 25%; margin: 17px 0;}
|
||||||
|
.laydate-time-list{}
|
||||||
|
.laydate-time-list>li{height: 100%; margin: 0; line-height: normal; cursor: default;}
|
||||||
|
.laydate-time-list p{position: relative; top: -4px; line-height: 29px;}
|
||||||
|
.laydate-time-list ol{height: 181px; overflow: hidden;}
|
||||||
|
.laydate-time-list>li:hover ol{overflow-y: auto;}
|
||||||
|
.laydate-time-list ol li{padding-left: 33px; line-height: 30px; text-align: left; cursor: pointer;}
|
||||||
|
|
||||||
|
/* 提示 */
|
||||||
|
.layui-laydate-hint{position: absolute; top: 115px; left: 50%; width: 250px; margin-left: -125px; line-height: 20px; padding: 15px; text-align: center; font-size: 12px; color: #FF5722;}
|
||||||
|
|
||||||
|
|
||||||
|
/* 双日历 */
|
||||||
|
.layui-laydate-range{width: 546px;}
|
||||||
|
.layui-laydate-range .layui-laydate-main{display: inline-block; vertical-align: middle;}
|
||||||
|
.layui-laydate-range .laydate-main-list-0 .laydate-next-m,
|
||||||
|
.layui-laydate-range .laydate-main-list-0 .laydate-next-y,
|
||||||
|
.layui-laydate-range .laydate-main-list-1 .laydate-prev-y,
|
||||||
|
.layui-laydate-range .laydate-main-list-1 .laydate-prev-m{display: none;}
|
||||||
|
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left: 1px solid #e2e2e2;}
|
||||||
|
|
||||||
|
|
||||||
|
/* 默认简约主题 */
|
||||||
|
.layui-laydate, .layui-laydate-hint{border: 1px solid #d2d2d2; box-shadow: 0 2px 4px rgba(0,0,0,.12); background-color: #fff; color: #666;}
|
||||||
|
.layui-laydate-header{border-bottom: 1px solid #e2e2e2;}
|
||||||
|
.layui-laydate-header i:hover,
|
||||||
|
.layui-laydate-header span:hover{color: #5FB878;}
|
||||||
|
.layui-laydate-content{border-top: none 0; border-bottom: none 0;}
|
||||||
|
.layui-laydate-content th{color: #333;}
|
||||||
|
.layui-laydate-content td{color: #666;}
|
||||||
|
.layui-laydate-content td.laydate-selected{background-color: #00F7DE;}
|
||||||
|
.laydate-selected:hover{background-color: #00F7DE !important;}
|
||||||
|
.layui-laydate-content td:hover,
|
||||||
|
.layui-laydate-list li:hover{background-color: #eaeaea; color: #333;}
|
||||||
|
.laydate-time-list li ol{border: 1px solid #e2e2e2; border-left-width: 0;}
|
||||||
|
.laydate-time-list li:first-child ol{border-left-width: 1px;}
|
||||||
|
.laydate-time-list>li:hover{background: none;}
|
||||||
|
.layui-laydate-content .laydate-day-prev,
|
||||||
|
.layui-laydate-content .laydate-day-next{color: #d2d2d2;}
|
||||||
|
.laydate-selected.laydate-day-prev,
|
||||||
|
.laydate-selected.laydate-day-next{color: #fff !important;}
|
||||||
|
.layui-laydate-footer{border-top: 1px solid #e2e2e2;}
|
||||||
|
.layui-laydate-hint{color: #FF5722;}
|
||||||
|
.laydate-day-mark::after{background-color: #5FB878;}
|
||||||
|
.layui-laydate-content td.layui-this .laydate-day-mark::after{display: none;}
|
||||||
|
.layui-laydate-footer span[lay-type="date"]{color: #5FB878;}
|
||||||
|
.layui-laydate .layui-this{background-color: #009688 !important; color: #fff !important;}
|
||||||
|
.layui-laydate .laydate-disabled,
|
||||||
|
.layui-laydate .laydate-disabled:hover{background:none !important; color: #d2d2d2 !important; cursor: not-allowed !important; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
|
||||||
|
|
||||||
|
/* 墨绿/自定义背景色主题 */
|
||||||
|
.laydate-theme-molv{border: none;}
|
||||||
|
.laydate-theme-molv.layui-laydate-range{width: 548px}
|
||||||
|
.laydate-theme-molv .layui-laydate-main{width: 274px;}
|
||||||
|
.laydate-theme-molv .layui-laydate-header{border: none; background-color: #009688;}
|
||||||
|
.laydate-theme-molv .layui-laydate-header i,
|
||||||
|
.laydate-theme-molv .layui-laydate-header span{color: #f6f6f6;}
|
||||||
|
.laydate-theme-molv .layui-laydate-header i:hover,
|
||||||
|
.laydate-theme-molv .layui-laydate-header span:hover{color: #fff;}
|
||||||
|
.laydate-theme-molv .layui-laydate-content{border: 1px solid #e2e2e2; border-top: none; border-bottom: none;}
|
||||||
|
.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left: none;}
|
||||||
|
.laydate-theme-molv .layui-laydate-footer{border: 1px solid #e2e2e2;}
|
||||||
|
|
||||||
|
/* 格子主题 */
|
||||||
|
.laydate-theme-grid .layui-laydate-content td,
|
||||||
|
.laydate-theme-grid .layui-laydate-content thead,
|
||||||
|
.laydate-theme-grid .laydate-year-list>li,
|
||||||
|
.laydate-theme-grid .laydate-month-list>li{border: 1px solid #e2e2e2;}
|
||||||
|
.laydate-theme-grid .laydate-selected,
|
||||||
|
.laydate-theme-grid .laydate-selected:hover{background-color: #f2f2f2 !important; color: #009688 !important;}
|
||||||
|
.laydate-theme-grid .laydate-selected.laydate-day-prev,
|
||||||
|
.laydate-theme-grid .laydate-selected.laydate-day-next{color: #d2d2d2 !important;}
|
||||||
|
.laydate-theme-grid .laydate-year-list,
|
||||||
|
.laydate-theme-grid .laydate-month-list{margin: 1px 0 0 1px;}
|
||||||
|
.laydate-theme-grid .laydate-year-list>li,
|
||||||
|
.laydate-theme-grid .laydate-month-list>li{margin: 0 -1px -1px 0;}
|
||||||
|
.laydate-theme-grid .laydate-year-list>li{height: 43px; line-height: 43px;}
|
||||||
|
.laydate-theme-grid .laydate-month-list>li{height: 71px; line-height: 71px;}
|
||||||
|
|
|
@ -0,0 +1,6 @@
|
||||||
|
[{000214A0-0000-0000-C000-000000000046}]
|
||||||
|
Prop3=19,2
|
||||||
|
[InternetShortcut]
|
||||||
|
URL=http://www.layui.com/laydate/
|
||||||
|
IDList=
|
||||||
|
HotKey=0
|
Loading…
Reference in New Issue