提交

public/static/new_date/css/calendar.min.css

@@ -0,0 +1,242 @@
+
+
+.dates_box .form-control,
+.dates_box input[type="text"],
+.dates_box input[type="email"],
+.dates_box input[type="number"],
+.dates_box input[type="password"],
+.dates_box input[type="tel"],  /* 注意：phone 应该用 tel */
+.dates_box select {
+    display: inline-block;
+    height: auto;
+    padding: 0;
+    box-shadow: none;
+}
+
+.dates_box {
+    position: absolute;
+    width: 250px;
+    border: 1px solid #ccc;
+    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
+    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
+    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
+    background: #fff;
+    font-size: 12px;
+}
+
+.choose_btn, .dates_choose {
+    float: left;
+    position: relative
+}
+
+.dates_box_top {
+    height: 26px;
+    padding: 5px
+}
+
+.dates_choose {
+    width: 116px;
+    border: 1px solid #ccc
+}
+
+.choose_btn {
+    width: 20px;
+    height: 24px;
+    text-align: center;
+    cursor: pointer;
+    background: #eee
+}
+
+.dates_choose .sign {
+    display: inline-block;
+    height: 0;
+    line-height: 0;
+    width: 0;
+    border: 4px dashed transparent;
+    vertical-align: middle;
+    cursor: pointer
+}
+
+.prev_choose {
+    border-right: 1px solid #ccc
+}
+
+.next_choose {
+    float: right;
+    border-left: 1px solid #ccc
+}
+
+.choose_btn .sign {
+    margin-top: 7px
+}
+
+.prev_choose .sign {
+    border-left-width: 0;
+    border-right-color: #333
+}
+
+.next_choose .sign {
+    border-right-width: 0;
+    border-left-color: #333
+}
+
+.ipt_wrap {
+    float: left;
+    width: 74px;
+    height: 24px;
+    line-height: 24px;
+    background: #fff;
+    overflow: hidden;
+}
+
+.ipt_wrap input {
+    vertical-align: -1px
+}
+
+.ipt_wrap .dlt_status {
+    border: none !important;
+    font-size: 12px !important;
+}
+
+.ipt_wrap .sign {
+    border-bottom-width: 0;
+    border-top-color: #333;
+    margin-right: 4px
+}
+
+.dates_btn, .dates_hms, .dates_table {
+    border: 1px solid #ccc
+}
+
+.ipt_wrap small {
+    font-size: 12px;
+    margin-right: 5px
+}
+
+.dates_mm {
+    float: right
+}
+
+.dates_table {
+    margin: 0 auto;
+    width: 238px;
+    border-collapse: collapse;
+    margin-top: 10px;
+}
+
+.dates_table thead tr th {
+    background: #eee;
+    border-bottom: 1px solid #ccc;
+    height: 24px;
+    text-align: center;
+}
+
+.dates_table tr td {
+    height: 24px;
+    text-align: center;
+}
+
+.dates_mm_list span:hover, .dates_table tr td:hover, .dates_yy_list span:hover {
+    background: #f2f2f2;
+    cursor: pointer
+}
+
+.other_day {
+    color: #aaa
+}
+
+.disable_day {
+    color: #ddd;
+    background: #f7f7f7
+}
+
+.current_day, .dates_mm_list span.current, .dates_yy_list span.current {
+    background: #ebebeb
+}
+
+.dates_btn a, .dates_click, .time_tag {
+    background: #eee
+}
+
+.dates_bottom {
+    padding: 5px;
+    height: 36px;
+    overflow: hidden
+}
+
+.time_tag {
+    padding: 0 4px;
+    margin-right: 4px
+}
+
+.dates_hms {
+    float: left;
+    width: 114px;
+    display: none !important;
+}
+
+.dates_hms li {
+    float: left;
+    height: 24px;
+    line-height: 24px;
+    vertical-align: middle
+}
+
+.dates_hms li input {
+    width: 14px;
+    height: 14px;
+    line-height: 14px;
+    text-align: center;
+    vertical-align: middle
+}
+
+.dates_hms li input.dlt_status {
+    width: 18px;
+    border: none !important;
+    font-size: 12px !important;
+}
+
+.dates_btn {
+    float: right;
+    width: 118px;
+    border-right: none
+}
+
+.dates_btn a {
+    float: left;
+    cursor: pointer;
+    height: 24px;
+    line-height: 24px;
+    padding: 0 7px;
+    border-right: 1px solid #ccc;
+    color: #333333;
+}
+
+.choose_btn:hover, .dates_btn a:hover {
+    background: #fefefe
+}
+
+.dates_mm_list, .dates_yy_list {
+    width: 116px;
+    height: 175px;
+    overflow-y: auto;
+    position: absolute;
+    left: -1px;
+    top: 24px;
+    background: #fff;
+    border: 1px solid #ccc
+}
+
+.dates_mm_list span {
+    float: left;
+    line-height: 24px;
+    text-align: center;
+    width: 100%;
+}
+
+.dates_yy_list span {
+    display: block;
+    line-height: 24px;
+    text-align: center;
+    font-size: 12px
+}