developers/orbit-basic
2
0 Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change date picker

Browse Source
This commit is contained in:
chris committed 2013-01-09 05:18:16 +08:00
1 parent 5b13c53ed9
commit fac4faad6c
12 files changed
+1534 -61
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/assets/javascripts/datetimepicker.js
+17
View File
@@ -0,0 +1,17 @@
$(document).ready(function(){
$('.date_picker').datetimepicker({
pickTime: false
});
$('.default_picker').datetimepicker();
$('.time_picker').datetimepicker({
pickDate: false
});
$('.separated_picker div').on("changeDate",function(){
$(this).siblings('input').val($(this).find('input').val() + ' ' + $(this).siblings('div').find('input').val());
});
});
app/assets/javascripts/lib/bootstrap-datetimepicker.js
Vendored
+1156
View File
File diff suppressed because it is too large. Load diff
app/assets/javascripts/new_admin.js
+3 -1
View File
@@ -19,4 +19,6 @@
//= require side_bar_history
//= require rss
//= require ajax_form
//= require inc/ajax_setting
//= require inc/ajax_setting
//= require lib/bootstrap-datetimepicker
//= require datetimepicker
app/assets/stylesheets/lib/bootstrap-datetimepicker.css
Vendored
+221
View File
@@ -0,0 +1,221 @@
/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.clearfix {
*zoom:1;
}
.clearfix:before,
.clearfix:after {
display:table;
content:"";
line-height:0;
}
.clearfix:after {
clear:both;
}
.hide-text {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;
}
.input-block-level {
display:block;
width:100%;
min-height:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.bootstrap-datetimepicker-widget {
top:0;
left:0;
min-width: 113px;
padding:4px;
margin-top:1px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.bootstrap-datetimepicker-widget:before {
content:'';
display:inline-block;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:7px solid #ccc;
border-bottom-color:rgba(0,0,0,0.2);
position:absolute;
top:-7px;
left:6px;
}
.bootstrap-datetimepicker-widget:after {
content:'';
display:inline-block;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
position:absolute;
top:-6px;
left:7px;
}
.bootstrap-datetimepicker-widget .timepicker {
min-width: 110px;
}
.bootstrap-datetimepicker-widget>ul {
list-style-type:none;
margin:0;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
font-weight:bold;
font-size:1.2em;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
width:4px;
padding:0;
margin:0;
}
.bootstrap-datetimepicker-widget .datepicker>div {
display:none;
}
.bootstrap-datetimepicker-widget .picker-switch {
text-align:center;
}
.bootstrap-datetimepicker-widget table {
width:100%;
margin:0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
text-align:center;
width:20px;
height:20px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
vertical-align: middle;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
background:#eee;
cursor:pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
color:#999;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
color:#fff;
background-color:#006dcc;
background-image:-moz-linear-gradient(top,#08c,#04c);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
background-image:-webkit-linear-gradient(top,#08c,#04c);
background-image:-o-linear-gradient(top,#08c,#04c);
background-image:linear-gradient(to bottom,#08c,#04c);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
border-color:#04c #04c #002a80;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#04c;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}
.bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget td.active:hover:hover,
.bootstrap-datetimepicker-widget td.active:active,
.bootstrap-datetimepicker-widget td.active:hover:active,
.bootstrap-datetimepicker-widget td.active.active,
.bootstrap-datetimepicker-widget td.active:hover.active,
.bootstrap-datetimepicker-widget td.active.disabled,
.bootstrap-datetimepicker-widget td.active:hover.disabled,
.bootstrap-datetimepicker-widget td.active[disabled],
.bootstrap-datetimepicker-widget td.active:hover[disabled] {
color:#fff;
background-color:#04c;
*background-color:#003bb3;
}
.bootstrap-datetimepicker-widget td.active:active,
.bootstrap-datetimepicker-widget td.active:hover:active,
.bootstrap-datetimepicker-widget td.active.active,
.bootstrap-datetimepicker-widget td.active:hover.active {
background-color:#039 \9;
}
.bootstrap-datetimepicker-widget td span {
display:block;
width:100%;
height:54px;
line-height:54px;
float:left;
cursor:pointer;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.bootstrap-datetimepicker-widget .datepicker-months td span,
.bootstrap-datetimepicker-widget .datepicker-years td span {
width: 50px;
}
.bootstrap-datetimepicker-widget td span:hover {
background:#eee;
}
.bootstrap-datetimepicker-widget td span.active {
color:#fff;
background-color:#006dcc;
background-image:-moz-linear-gradient(top,#08c,#04c);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
background-image:-webkit-linear-gradient(top,#08c,#04c);
background-image:-o-linear-gradient(top,#08c,#04c);
background-image:linear-gradient(to bottom,#08c,#04c);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
border-color:#04c #04c #002a80;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
*background-color:#04c;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}
.bootstrap-datetimepicker-widget td span.active:hover,
.bootstrap-datetimepicker-widget td span.active:active,
.bootstrap-datetimepicker-widget td span.active.active,
.bootstrap-datetimepicker-widget td span.active.disabled,
.bootstrap-datetimepicker-widget td span.active[disabled] {
color:#fff;
background-color:#04c;
*background-color:#003bb3;
}
.bootstrap-datetimepicker-widget td span.active:active,
.bootstrap-datetimepicker-widget td span.active.active {
background-color:#039 \9;
}
.bootstrap-datetimepicker-widget td span.old {
color:#999;
}
.bootstrap-datetimepicker-widget th.switch {
width:145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
font-size:21px;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
cursor:pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
background:#eee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
cursor:pointer;
}
app/assets/stylesheets/new_admin.css.erb
+1
View File
@@ -16,4 +16,5 @@
*= require isotope
*= require icons
*= require site-map
*= require lib/bootstrap-datetimepicker
*/