Agendamento efetuado com sucesso
";
32 | header("Location: index.php");
33 | }else{
34 | $_SESSION['msg'] = "Erro ao efetuar o agendamento
";
35 | header("Location: index.php");
36 | }
37 |
38 | }
39 |
40 |
41 |
42 |
43 |
44 | ?>
--------------------------------------------------------------------------------
/pagina_listar.php:
--------------------------------------------------------------------------------
1 |
6 |
7 |
10 | ";
15 | echo "Nome: ".$row_horarios['nome']."
"; 16 | echo "Telefone ".$row_horarios['telefone']."
"; 17 | echo "Serviço: ".$row_horarios['servicos']."
"; 18 | echo "Data e Horário: ".date('d/m/Y H:i:s', strtotime($row_horarios['data']))."
"; 19 | echo "
";
20 | echo ""; 16 | echo "Telefone ".$row_horarios['telefone']."
"; 17 | echo "Serviço: ".$row_horarios['servicos']."
"; 18 | echo "Data e Horário: ".date('d/m/Y H:i:s', strtotime($row_horarios['data']))."
"; 19 | echo "
"; 21 | } 22 | ?> 23 | 24 |
25 |
26 |
29 | Nome: ".$row_horarios['nome']."
"; 34 | echo "Telefone ".$row_horarios['telefone']."
"; 35 | echo "Serviço: ".$row_horarios['servicos']."
"; 36 | echo "Data e Horário: ".date('d/m/Y H:i:s', strtotime($row_horarios['data']))."
"; 37 | echo "
"; 38 | } 39 | ?> 40 |
41 |
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/tests/assets/coverage.js:
--------------------------------------------------------------------------------
1 | (function(){
2 | //we want this at global scope so outside callers can find it. In a more realistic implementation we
3 | //should probably put it in a namespace.
4 | window.getCoverageByLine = function(silent) {
5 | var key = null;
6 | var lines = null;
7 | var source = null;
8 | //look for code coverage data
9 | if (typeof window._$jscoverage === 'object') {
10 | for (key in _$jscoverage) {}
11 | lines = _$jscoverage[key];
12 | }
13 |
14 | if (!lines && !silent) {
15 | console.log('code coverage data is NOT available');
16 | }
17 |
18 | return { 'key': key, 'lines': lines };
19 | };
20 |
21 | QUnit.done = function(t) {
22 | var cvgInfo = getCoverageByLine(true);
23 | if (!!cvgInfo.key) {
24 | var testableLines = 0;
25 | var testedLines = 0;
26 | var untestableLines = 0;
27 | for (lineIdx in cvgInfo.lines) {
28 | var cvg = cvgInfo.lines[lineIdx];
29 | if (typeof cvg === 'number') {
30 | testableLines += 1;
31 | if (cvg > 0) {
32 | testedLines += 1;
33 | }
34 | } else {
35 | untestableLines += 1;
36 | }
37 | }
38 | var coverage = '' + Math.floor(100 * testedLines / testableLines) + '%';
39 |
40 | var result = document.getElementById('qunit-testresult');
41 | if (result != null) {
42 | result.innerHTML = result.innerHTML + ' ' + coverage + ' test coverage of ' + cvgInfo.key;
43 | } else {
44 | console.log('can\'t find test-result element to update');
45 | }
46 | }
47 | };
48 | }());
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/tests/tests.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 | "; 34 | echo "Telefone ".$row_horarios['telefone']."
"; 35 | echo "Serviço: ".$row_horarios['servicos']."
"; 36 | echo "Data e Horário: ".date('d/m/Y H:i:s', strtotime($row_horarios['data']))."
"; 37 | echo "
"; 38 | } 39 | ?> 40 |
bootstrap-datetimepicker
40 | 41 | 42 | 43 |bootstrap-datetimepicker
40 | 41 | 42 | 43 |
11 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
82 |
83 |
84 |
85 |
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/tests/suites/keyboard_navigation/2011.js:
--------------------------------------------------------------------------------
1 | module('Keyboard Navigation 2011', {
2 | setup: function(){
3 | /*
4 | Tests start with picker on March 31, 2011. Fun facts:
5 |
6 | * March 1, 2011 was on a Tuesday
7 | * March 31, 2011 was on a Thursday
8 | */
9 | this.input = $('')
10 | .appendTo('#qunit-fixture')
11 | .datetimepicker({format: "dd-mm-yyyy"})
12 | .focus(); // Activate for visibility checks
13 | this.dp = this.input.data('datetimepicker')
14 | this.picker = this.dp.picker;
15 | },
16 | teardown: function(){
17 | this.picker.remove();
18 | }
19 | });
20 |
21 | test('Regression: by week (up/down arrows); up from Mar 6, 2011 should go to Feb 27, 2011', function(){
22 | var target;
23 |
24 | this.input.val('06-03-2011').datetimepicker('update');
25 |
26 | equal(this.dp.viewMode, 2);
27 | target = this.picker.find('.datetimepicker-days thead th.switch');
28 | equal(target.text(), 'March 2011', 'Title is "March 2011"');
29 | datesEqual(this.dp.viewDate, UTCDate(2011, 2, 6));
30 | datesEqual(this.dp.date, UTCDate(2011, 2, 6));
31 |
32 | // Navigation: -1 week, up arrow key
33 | this.input.trigger({
34 | type: 'keydown',
35 | keyCode: 38
36 | });
37 | datesEqual(this.dp.viewDate, UTCDate(2011, 1, 27));
38 | datesEqual(this.dp.date, UTCDate(2011, 1, 27));
39 | target = this.picker.find('.datetimepicker-days thead th.switch');
40 | equal(target.text(), 'February 2011', 'Title is "February 2011"');
41 | });
42 |
43 | test('Regression: by day (left/right arrows); left from Mar 1, 2011 should go to Feb 28, 2011', function(){
44 | var target;
45 |
46 | this.input.val('01-03-2011').datetimepicker('update');
47 |
48 | equal(this.dp.viewMode, 2);
49 | target = this.picker.find('.datetimepicker-days thead th.switch');
50 | equal(target.text(), 'March 2011', 'Title is "March 2011"');
51 | datesEqual(this.dp.viewDate, UTCDate(2011, 2, 1));
52 | datesEqual(this.dp.date, UTCDate(2011, 2, 1));
53 |
54 | // Navigation: -1 day left arrow key
55 | this.input.trigger({
56 | type: 'keydown',
57 | keyCode: 37
58 | });
59 | datesEqual(this.dp.viewDate, UTCDate(2011, 1, 28));
60 | datesEqual(this.dp.date, UTCDate(2011, 1, 28));
61 | target = this.picker.find('.datetimepicker-days thead th.switch');
62 | equal(target.text(), 'February 2011', 'Title is "February 2011"');
63 | });
64 |
65 | test('Regression: by month (shift + left/right arrows); left from Mar 15, 2011 should go to Feb 15, 2011', function(){
66 | var target;
67 |
68 | this.input.val('15-03-2011').datetimepicker('update');
69 |
70 | equal(this.dp.viewMode, 2);
71 | target = this.picker.find('.datetimepicker-days thead th.switch');
72 | equal(target.text(), 'March 2011', 'Title is "March 2011"');
73 | datesEqual(this.dp.viewDate, UTCDate(2011, 2, 15));
74 | datesEqual(this.dp.date, UTCDate(2011, 2, 15));
75 |
76 | // Navigation: -1 month, shift + left arrow key
77 | this.input.trigger({
78 | type: 'keydown',
79 | keyCode: 37,
80 | shiftKey: true
81 | });
82 | datesEqual(this.dp.viewDate, UTCDate(2011, 1, 15));
83 | datesEqual(this.dp.date, UTCDate(2011, 1, 15));
84 | target = this.picker.find('.datetimepicker-days thead th.switch');
85 | equal(target.text(), 'February 2011', 'Title is "February 2011"');
86 | });
87 |
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/sample in bootstrap v3/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
82 |
83 |
84 |
85 |
--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
15 |
18 | 64 | 65 | 66 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
117 |
118 |
119 |
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/tests/assets/qunit.css:
--------------------------------------------------------------------------------
1 | /**
2 | * QUnit v1.5.0 - A JavaScript Unit Testing Framework
3 | *
4 | * http://docs.jquery.com/QUnit
5 | *
6 | * Copyright (c) 2012 John Resig, Jörn Zaefferer
7 | * Dual licensed under the MIT (MIT-LICENSE.txt)
8 | * or GPL (GPL-LICENSE.txt) licenses.
9 | */
10 |
11 | /** Font Family and Sizes */
12 |
13 | #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
14 | font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
15 | }
16 |
17 | #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
18 | #qunit-tests { font-size: smaller; }
19 |
20 |
21 | /** Resets */
22 |
23 | #qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
24 | margin: 0;
25 | padding: 0;
26 | }
27 |
28 |
29 | /** Header */
30 |
31 | #qunit-header {
32 | padding: 0.5em 0 0.5em 1em;
33 |
34 | color: #8699a4;
35 | background-color: #0d3349;
36 |
37 | font-size: 1.5em;
38 | line-height: 1em;
39 | font-weight: normal;
40 |
41 | border-radius: 15px 15px 0 0;
42 | -moz-border-radius: 15px 15px 0 0;
43 | -webkit-border-top-right-radius: 15px;
44 | -webkit-border-top-left-radius: 15px;
45 | }
46 |
47 | #qunit-header a {
48 | text-decoration: none;
49 | color: #c2ccd1;
50 | }
51 |
52 | #qunit-header a:hover,
53 | #qunit-header a:focus {
54 | color: #fff;
55 | }
56 |
57 | #qunit-header label {
58 | display: inline-block;
59 | }
60 |
61 | #qunit-banner {
62 | height: 5px;
63 | }
64 |
65 | #qunit-testrunner-toolbar {
66 | padding: 0.5em 0 0.5em 2em;
67 | color: #5E740B;
68 | background-color: #eee;
69 | }
70 |
71 | #qunit-userAgent {
72 | padding: 0.5em 0 0.5em 2.5em;
73 | background-color: #2b81af;
74 | color: #fff;
75 | text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
76 | }
77 |
78 |
79 | /** Tests: Pass/Fail */
80 |
81 | #qunit-tests {
82 | list-style-position: inside;
83 | }
84 |
85 | #qunit-tests li {
86 | padding: 0.4em 0.5em 0.4em 2.5em;
87 | border-bottom: 1px solid #fff;
88 | list-style-position: inside;
89 | }
90 |
91 | #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running {
92 | display: none;
93 | }
94 |
95 | #qunit-tests li strong {
96 | cursor: pointer;
97 | }
98 |
99 | #qunit-tests li a {
100 | padding: 0.5em;
101 | color: #c2ccd1;
102 | text-decoration: none;
103 | }
104 | #qunit-tests li a:hover,
105 | #qunit-tests li a:focus {
106 | color: #000;
107 | }
108 |
109 | #qunit-tests ol {
110 | margin-top: 0.5em;
111 | padding: 0.5em;
112 |
113 | background-color: #fff;
114 |
115 | border-radius: 15px;
116 | -moz-border-radius: 15px;
117 | -webkit-border-radius: 15px;
118 |
119 | box-shadow: inset 0px 2px 13px #999;
120 | -moz-box-shadow: inset 0px 2px 13px #999;
121 | -webkit-box-shadow: inset 0px 2px 13px #999;
122 | }
123 |
124 | #qunit-tests table {
125 | border-collapse: collapse;
126 | margin-top: .2em;
127 | }
128 |
129 | #qunit-tests th {
130 | text-align: right;
131 | vertical-align: top;
132 | padding: 0 .5em 0 0;
133 | }
134 |
135 | #qunit-tests td {
136 | vertical-align: top;
137 | }
138 |
139 | #qunit-tests pre {
140 | margin: 0;
141 | white-space: pre-wrap;
142 | word-wrap: break-word;
143 | }
144 |
145 | #qunit-tests del {
146 | background-color: #e0f2be;
147 | color: #374e0c;
148 | text-decoration: none;
149 | }
150 |
151 | #qunit-tests ins {
152 | background-color: #ffcaca;
153 | color: #500;
154 | text-decoration: none;
155 | }
156 |
157 | /*** Test Counts */
158 |
159 | #qunit-tests b.counts { color: black; }
160 | #qunit-tests b.passed { color: #5E740B; }
161 | #qunit-tests b.failed { color: #710909; }
162 |
163 | #qunit-tests li li {
164 | margin: 0.5em;
165 | padding: 0.4em 0.5em 0.4em 0.5em;
166 | background-color: #fff;
167 | border-bottom: none;
168 | list-style-position: inside;
169 | }
170 |
171 | /*** Passing Styles */
172 |
173 | #qunit-tests li li.pass {
174 | color: #5E740B;
175 | background-color: #fff;
176 | border-left: 26px solid #C6E746;
177 | }
178 |
179 | #qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
180 | #qunit-tests .pass .test-name { color: #366097; }
181 |
182 | #qunit-tests .pass .test-actual,
183 | #qunit-tests .pass .test-expected { color: #999999; }
184 |
185 | #qunit-banner.qunit-pass { background-color: #C6E746; }
186 |
187 | /*** Failing Styles */
188 |
189 | #qunit-tests li li.fail {
190 | color: #710909;
191 | background-color: #fff;
192 | border-left: 26px solid #EE5757;
193 | white-space: pre;
194 | }
195 |
196 | #qunit-tests > li:last-child {
197 | border-radius: 0 0 15px 15px;
198 | -moz-border-radius: 0 0 15px 15px;
199 | -webkit-border-bottom-right-radius: 15px;
200 | -webkit-border-bottom-left-radius: 15px;
201 | }
202 |
203 | #qunit-tests .fail { color: #000000; background-color: #EE5757; }
204 | #qunit-tests .fail .test-name,
205 | #qunit-tests .fail .module-name { color: #000000; }
206 |
207 | #qunit-tests .fail .test-actual { color: #EE5757; }
208 | #qunit-tests .fail .test-expected { color: green; }
209 |
210 | #qunit-banner.qunit-fail { background-color: #EE5757; }
211 |
212 |
213 | /** Result */
214 |
215 | #qunit-testresult {
216 | padding: 0.5em 0.5em 0.5em 2.5em;
217 |
218 | color: #2b81af;
219 | background-color: #D2E0E6;
220 |
221 | border-bottom: 1px solid white;
222 | }
223 | #qunit-testresult .module-name {
224 | font-weight: bold;
225 | }
226 |
227 | /** Fixture */
228 |
229 | #qunit-fixture {
230 | position: absolute;
231 | top: -10000px;
232 | left: -10000px;
233 | width: 1000px;
234 | height: 1000px;
235 | }
236 |
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/tests/run-qunit.js:
--------------------------------------------------------------------------------
1 | var system = require('system');
2 |
3 | /**
4 | * Wait until the test condition is true or a timeout occurs. Useful for waiting
5 | * on a server response or for a ui change (fadeIn, etc.) to occur.
6 | *
7 | * @param testFx javascript condition that evaluates to a boolean,
8 | * it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or
9 | * as a callback function.
10 | * @param onReady what to do when testFx condition is fulfilled,
11 | * it can be passed in as a string (e.g.: "1 == 1" or "$('#bar').is(':visible')" or
12 | * as a callback function.
13 | * @param timeOutMillis the max amount of time to wait. If not specified, 3 sec is used.
14 | */
15 | function waitFor(testFx, onReady, timeOutMillis) {
16 | var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 10001, //< Default Max Timout is 3s
17 | start = new Date().getTime(),
18 | condition = false,
19 | interval = setInterval(function() {
20 | if ( (new Date().getTime() - start < maxtimeOutMillis) && !condition ) {
21 | // If not time-out yet and condition not yet fulfilled
22 | condition = (typeof(testFx) === "string" ? eval(testFx) : testFx()); //< defensive code
23 | } else {
24 | if(!condition) {
25 | // If condition still not fulfilled (timeout but condition is 'false')
26 | console.log("'waitFor()' timeout");
27 | phantom.exit(1);
28 | } else {
29 | // Condition fulfilled (timeout and/or condition is 'true')
30 | //console.log("'waitFor()' finished in " + (new Date().getTime() - start) + "ms.");
31 | typeof(onReady) === "string" ? eval(onReady) : onReady(); //< Do what it's supposed to do once the condition is fulfilled
32 | clearInterval(interval); //< Stop this interval
33 | }
34 | }
35 | }, 100); //< repeat check every 100ms
36 | };
37 |
38 | if (system.args.length !== 2) {
39 | console.log('Usage: run-qunit.js URL');
40 | phantom.exit(1);
41 | }
42 |
43 | var fs = require('fs');
44 | var page = require('webpage').create();
45 |
46 | // Route "console.log()" calls from within the Page context to the main Phantom context (i.e. current "this")
47 | page.onConsoleMessage = function(msg) {
48 | console.log(msg);
49 | };
50 | page.onError = function (msg, trace) {
51 | console.log(msg);
52 | trace.forEach(function(item) {
53 | console.log(' ', item.file, ':', item.line);
54 | })
55 | }
56 |
57 | var _openPath = phantom.args[0].replace(/^.*(\\|\/)/, '');
58 | var openPath = _openPath;
59 | var origdir = '../js/';
60 | var basedir = '../instrumented/';
61 | var coverageBase = fs.read('_coverage.html');
62 |
63 | if (fs.exists(basedir)){
64 | var script = /
16 |
17 |
Agendamento
17 |
18 | 64 | 65 | 66 |
67 |
68 |
69 |
70 |
71 |
72 | 
68 | ' + htmlLine + '
\n';
123 | };
124 | colorized = coverageBase.replace('COLORIZED_LINE_HTML', colorized);
125 |
126 | fs.write('coverage.html', colorized, 'w');
127 |
128 | console.log('Coverage for ' + coverageInfo.key + ' in coverage.html');
129 | }
130 | if (_openPath != openPath)
131 | fs.remove(openPath);
132 |
133 | var failedNum = page.evaluate(function(){
134 | var el = document.getElementById('qunit-testresult');
135 | console.log(el.innerText);
136 | try {
137 | return el.getElementsByClassName('failed')[0].innerHTML;
138 | } catch (e) { }
139 | return 10000;
140 | });
141 | phantom.exit((parseInt(failedNum, 10) > 0) ? 1 : 0);
142 | });
143 | }
144 | });
145 |
146 | function readFileLines(filename) {
147 | var stream = fs.open(filename, 'r');
148 | var lines = [];
149 | var line;
150 | while (!stream.atEnd()) {
151 | lines.push(stream.readLine());
152 | }
153 | stream.close();
154 |
155 | return lines;
156 | }
157 |
158 |
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/tests/suites/component.js:
--------------------------------------------------------------------------------
1 | module('Component', {
2 | setup: function(){
3 | this.component = $(''+
4 | ''+
5 | ''+
6 | '
')
7 | .appendTo('#qunit-fixture')
8 | .datetimepicker({format: "dd-mm-yyyy", viewSelect: 2});
9 | this.input = this.component.find('input');
10 | this.addon = this.component.find('.input-group-addon');
11 | this.dp = this.component.data('datetimepicker');
12 | this.picker = this.dp.picker;
13 | },
14 | teardown: function(){
15 | this.picker.remove();
16 | }
17 | });
18 |
19 |
20 | test('Component gets date/viewDate from input value', function(){
21 | datesEqual(this.dp.date, UTCDate(2012, 1, 12));
22 | datesEqual(this.dp.viewDate, UTCDate(2012, 1, 12));
23 | });
24 |
25 | test('Activation by component', function(){
26 | ok(!this.picker.is(':visible'));
27 | this.addon.click();
28 | ok(this.picker.is(':visible'));
29 | });
30 |
31 | test('simple keyboard nav test', function(){
32 | var target;
33 |
34 | // Keyboard nav only works with non-readonly inputs
35 | this.input.removeAttr('readonly');
36 |
37 | equal(this.dp.viewMode, 2);
38 | target = this.picker.find('.datetimepicker-days thead th.switch');
39 | equal(target.text(), 'February 2012', 'Title is "February 2012"');
40 | datesEqual(this.dp.date, UTCDate(2012, 1, 12));
41 | datesEqual(this.dp.viewDate, UTCDate(2012, 1, 12));
42 |
43 | // Focus/open
44 | this.addon.click();
45 |
46 | // Navigation: -1 day, left arrow key
47 | this.input.trigger({
48 | type: 'keydown',
49 | keyCode: 37
50 | });
51 | datesEqual(this.dp.viewDate, UTCDate(2012, 1, 11));
52 | datesEqual(this.dp.date, UTCDate(2012, 1, 11));
53 | // Month not changed
54 | target = this.picker.find('.datetimepicker-days thead th.switch');
55 | equal(target.text(), 'February 2012', 'Title is "February 2012"');
56 |
57 | // Navigation: +1 month, shift + right arrow key
58 | this.input.trigger({
59 | type: 'keydown',
60 | keyCode: 39,
61 | shiftKey: true
62 | });
63 | datesEqual(this.dp.viewDate, UTCDate(2012, 2, 11));
64 | datesEqual(this.dp.date, UTCDate(2012, 2, 11));
65 | target = this.picker.find('.datetimepicker-days thead th.switch');
66 | equal(target.text(), 'March 2012', 'Title is "March 2012"');
67 |
68 | // Navigation: -1 year, ctrl + left arrow key
69 | this.input.trigger({
70 | type: 'keydown',
71 | keyCode: 37,
72 | ctrlKey: true
73 | });
74 | datesEqual(this.dp.viewDate, UTCDate(2011, 2, 11));
75 | datesEqual(this.dp.date, UTCDate(2011, 2, 11));
76 | target = this.picker.find('.datetimepicker-days thead th.switch');
77 | equal(target.text(), 'March 2011', 'Title is "March 2011"');
78 | });
79 |
80 | test('setValue', function(){
81 | this.dp.date = UTCDate(2012, 2, 13)
82 | this.dp.setValue()
83 | datesEqual(this.dp.date, UTCDate(2012, 2, 13));
84 | equal(this.input.val(), '13-03-2012');
85 | });
86 |
87 | test('update', function(){
88 | this.input.val('13-03-2012');
89 | this.dp.update()
90 | datesEqual(this.dp.date, UTCDate(2012, 2, 13));
91 | });
92 |
93 | test('Navigating to/from decade view', function(){
94 | var target;
95 |
96 | this.addon.click();
97 | this.input.val('31-03-2012');
98 | this.dp.update();
99 |
100 | equal(this.dp.viewMode, 2);
101 | target = this.picker.find('.datetimepicker-days thead th.switch');
102 | ok(target.is(':visible'), 'View switcher is visible');
103 |
104 | target.click();
105 | ok(this.picker.find('.datetimepicker-months').is(':visible'), 'Month picker is visible');
106 | equal(this.dp.viewMode, 3);
107 | // Not modified when switching modes
108 | datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
109 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
110 |
111 | target = this.picker.find('.datetimepicker-months thead th.switch');
112 | ok(target.is(':visible'), 'View switcher is visible');
113 |
114 | target.click();
115 | ok(this.picker.find('.datetimepicker-years').is(':visible'), 'Year picker is visible');
116 | equal(this.dp.viewMode, 4);
117 | // Not modified when switching modes
118 | datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
119 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
120 |
121 | // Change years to test internal state changes
122 | target = this.picker.find('.datetimepicker-years tbody span:contains(2011)');
123 | target.click();
124 | equal(this.dp.viewMode, 3);
125 | // Only viewDate modified
126 | datesEqual(this.dp.viewDate, UTCDate(2011, 2, 1));
127 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
128 |
129 | target = this.picker.find('.datetimepicker-months tbody span:contains(Apr)');
130 | target.click();
131 | equal(this.dp.viewMode, 2);
132 | // Only viewDate modified
133 | datesEqual(this.dp.viewDate, UTCDate(2011, 3, 1));
134 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
135 | });
136 |
137 | test('Selecting date resets viewDate and date', function(){
138 | var target;
139 |
140 | this.addon.click();
141 | this.input.val('31-03-2012');
142 | this.dp.update();
143 |
144 | // Rendered correctly
145 | equal(this.dp.viewMode, 2);
146 | target = this.picker.find('.datetimepicker-days tbody td:first');
147 | equal(target.text(), '26'); // Should be Feb 26
148 |
149 | // Updated internally on click
150 | target.click();
151 | datesEqual(this.dp.viewDate, UTCDate(2012, 1, 26))
152 | datesEqual(this.dp.date, UTCDate(2012, 1, 26))
153 |
154 | // Re-rendered on click
155 | target = this.picker.find('.datetimepicker-days tbody td:first');
156 | equal(target.text(), '29'); // Should be Jan 29
157 | });
158 |
159 | test('Highlight in month', function() {
160 | // custom setup for specifically bootstrap 2
161 | var component = $('' +
162 | '' +
163 | '' +
164 | '
')
165 | .appendTo('#qunit-fixture')
166 | .datetimepicker({format: "dd-mm-yyyy", bootcssVer: 2}),
167 | addon = component.find('.input-group-addon'),
168 | picker = component.data('datetimepicker').picker;
169 | addon.click();
170 |
171 | equal(picker.find('.datetimepicker-months .month.active').text(), 'Feb');
172 |
173 | picker.remove();
174 |
175 | // test bootstrap 3 as well
176 | this.addon.click();
177 | equal(this.picker.find('.datetimepicker-months .month.active').text(), 'Feb');
178 |
179 | });
180 |
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/tests/suites/formats.js:
--------------------------------------------------------------------------------
1 | module('Formats', {
2 | setup: function(){
3 | this.input = $('').appendTo('#qunit-fixture');
4 | this.date = UTCDate(2012, 2, 15, 0, 0, 0, 0); // March 15, 2012
5 | },
6 | teardown: function(){
7 | this.input.data('datetimepicker').picker.remove();
8 | }
9 | });
10 |
11 | test('d: Day of month, no leading zero.', function(){
12 | this.input
13 | .val('2012-03-05')
14 | .datetimepicker({format: 'yyyy-mm-d'})
15 | .datetimepicker('setValue');
16 | equal(this.input.val().split('-')[2], '5');
17 | });
18 |
19 | test('dd: Day of month, leading zero.', function(){
20 | this.input
21 | .val('2012-03-5')
22 | .datetimepicker({format: 'yyyy-mm-dd'})
23 | .datetimepicker('setValue');
24 | equal(this.input.val().split('-')[2], '05');
25 | });
26 |
27 | test('m: Month, no leading zero.', function(){
28 | this.input
29 | .val('2012-03-05')
30 | .datetimepicker({format: 'yyyy-m-dd'})
31 | .datetimepicker('setValue');
32 | equal(this.input.val().split('-')[1], '3');
33 | });
34 |
35 | test('mm: Month, leading zero.', function(){
36 | this.input
37 | .val('2012-3-5')
38 | .datetimepicker({format: 'yyyy-mm-dd'})
39 | .datetimepicker('setValue');
40 | equal(this.input.val().split('-')[1], '03');
41 | });
42 |
43 | test('M: Month shortname.', function(){
44 | this.input
45 | .val('2012-Mar-05')
46 | .datetimepicker({format: 'yyyy-M-dd'})
47 | .datetimepicker('setValue');
48 | equal(this.input.val().split('-')[1], 'Mar');
49 | });
50 |
51 | test('MM: Month full name.', function(){
52 | this.input
53 | .val('2012-March-5')
54 | .datetimepicker({format: 'yyyy-MM-dd'})
55 | .datetimepicker('setValue');
56 | equal(this.input.val().split('-')[1], 'March');
57 | });
58 |
59 | test('yy: Year, two-digit.', function(){
60 | this.input
61 | .val('2012-03-05')
62 | .datetimepicker({format: 'yy-mm-dd'})
63 | .datetimepicker('setValue');
64 | equal(this.input.val().split('-')[0], '12');
65 | });
66 |
67 | test('yyyy: Year, four-digit.', function(){
68 | this.input
69 | .val('2012-03-5')
70 | .datetimepicker({format: 'yyyy-mm-dd'})
71 | .datetimepicker('setValue');
72 | equal(this.input.val().split('-')[0], '2012');
73 | });
74 |
75 | test('H: 12 hour when language has meridiems', function(){
76 | this.input
77 | .val('2012-March-5 16:00:00')
78 | .datetimepicker({format: 'yyyy-mm-dd H:ii p'})
79 | .datetimepicker('setValue');
80 | ok(this.input.val().match(/4:00 pm/));
81 | });
82 |
83 | test('H: 24 hour when language has no meridiems', function(){
84 |
85 | $.fn.datetimepicker.dates['pt-BR'] = {
86 | days: ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado", "Domingo"],
87 | daysShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb", "Dom"],
88 | daysMin: ["Do", "Se", "Te", "Qu", "Qu", "Se", "Sa", "Do"],
89 | months: ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],
90 | monthsShort: ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
91 | today: "Hoje",
92 | suffix: [],
93 | meridiem: []
94 | };
95 |
96 | this.input
97 | .val('2012-March-5 16:00:00')
98 | .datetimepicker({format: 'yyyy-mm-dd H:ii p', language: 'pt-BR'})
99 | .datetimepicker('setValue');
100 | ok(this.input.val().match(/16:00/));
101 | });
102 |
103 |
104 | test('dd-mm-yyyy: Regression: Prevent potential month overflow in small-to-large formats (Mar 31, 2012 -> Mar 01, 2012)', function(){
105 | this.input
106 | .val('31-03-2012')
107 | .datetimepicker({format: 'dd-mm-yyyy'})
108 | .datetimepicker('setValue');
109 | equal(this.input.val(), '31-03-2012');
110 | });
111 |
112 | test('dd-mm-yyyy: Leap day', function(){
113 | this.input
114 | .val('29-02-2012')
115 | .datetimepicker({format: 'dd-mm-yyyy'})
116 | .datetimepicker('setValue');
117 | equal(this.input.val(), '29-02-2012');
118 | });
119 |
120 | test('yyyy-mm-dd: Alternative format', function(){
121 | this.input
122 | .val('2012-02-12')
123 | .datetimepicker({format: 'yyyy-mm-dd'})
124 | .datetimepicker('setValue');
125 | equal(this.input.val(), '2012-02-12');
126 | });
127 |
128 | test('yyyy-MM-dd: Regression: Infinite loop when numbers used for month', function(){
129 | this.input
130 | .val('2012-02-12')
131 | .datetimepicker({format: 'yyyy-MM-dd'})
132 | .datetimepicker('setValue');
133 | equal(this.input.val(), '2012-February-12');
134 | });
135 |
136 | test('+1d: Tomorrow', patch_date(function(Date){
137 | Date.now = UTCDate(2012, 2, 15);
138 | this.input
139 | .val('+1d')
140 | .datetimepicker({format: 'dd-mm-yyyy'})
141 | .datetimepicker('setValue');
142 | equal(this.input.val(), '16-03-2012');
143 | }));
144 |
145 | test('-1d: Yesterday', patch_date(function(Date){
146 | Date.now = UTCDate(2012, 2, 15);
147 | this.input
148 | .val('-1d')
149 | .datetimepicker({format: 'dd-mm-yyyy'})
150 | .datetimepicker('setValue');
151 | equal(this.input.val(), '14-03-2012');
152 | }));
153 |
154 | test('+1w: Next week', patch_date(function(Date){
155 | Date.now = UTCDate(2012, 2, 15);
156 | this.input
157 | .val('+1w')
158 | .datetimepicker({format: 'dd-mm-yyyy'})
159 | .datetimepicker('setValue');
160 | equal(this.input.val(), '22-03-2012');
161 | }));
162 |
163 | test('-1w: Last week', patch_date(function(Date){
164 | Date.now = UTCDate(2012, 2, 15);
165 | this.input
166 | .val('-1w')
167 | .datetimepicker({format: 'dd-mm-yyyy'})
168 | .datetimepicker('setValue');
169 | equal(this.input.val(), '08-03-2012');
170 | }));
171 |
172 | test('+1m: Next month', patch_date(function(Date){
173 | Date.now = UTCDate(2012, 2, 15);
174 | this.input
175 | .val('+1m')
176 | .datetimepicker({format: 'dd-mm-yyyy'})
177 | .datetimepicker('setValue');
178 | equal(this.input.val(), '15-04-2012');
179 | }));
180 |
181 | test('-1m: Last month', patch_date(function(Date){
182 | Date.now = UTCDate(2012, 2, 15);
183 | this.input
184 | .val('-1m')
185 | .datetimepicker({format: 'dd-mm-yyyy'})
186 | .datetimepicker('setValue');
187 | equal(this.input.val(), '15-02-2012');
188 | }));
189 |
190 | test('+1y: Next year', patch_date(function(Date){
191 | Date.now = UTCDate(2012, 2, 15);
192 | this.input
193 | .val('+1y')
194 | .datetimepicker({format: 'dd-mm-yyyy'})
195 | .datetimepicker('setValue');
196 | equal(this.input.val(), '15-03-2013');
197 | }));
198 |
199 | test('-1y: Last year', patch_date(function(Date){
200 | Date.now = UTCDate(2012, 2, 15);
201 | this.input
202 | .val('-1y')
203 | .datetimepicker({format: 'dd-mm-yyyy'})
204 | .datetimepicker('setValue');
205 | equal(this.input.val(), '15-03-2011');
206 | }));
207 |
208 | test('-1y +2m: Multiformat', patch_date(function(Date){
209 | Date.now = UTCDate(2012, 2, 15);
210 | this.input
211 | .val('-1y +2m')
212 | .datetimepicker({format: 'dd-mm-yyyy'})
213 | .datetimepicker('setValue');
214 | equal(this.input.val(), '15-05-2011');
215 | }));
216 |
217 | test('Regression: End-of-month bug', patch_date(function(Date){
218 | Date.now = UTCDate(2012, 4, 31);
219 | this.input
220 | .val('29-02-2012')
221 | .datetimepicker({format: 'dd-mm-yyyy'})
222 | .datetimepicker('setValue');
223 | equal(this.input.val(), '29-02-2012');
224 | }));
225 |
226 | test('Invalid formats are force-parsed into a valid date on tab', patch_date(function(Date){
227 | Date.now = UTCDate(2012, 4, 31);
228 | this.input
229 | .val('44-44-4444')
230 | .datetimepicker({format: 'yyyy-MM-dd'})
231 | .focus();
232 |
233 | this.input.trigger({
234 | type: 'keydown',
235 | keyCode: 9
236 | });
237 |
238 | equal(this.input.val(), '56-September-30');
239 | }));
240 |
241 | test('Untrimmed datetime value', patch_date(function(Date){
242 | this.input
243 | .val('2012-03-05 ')
244 | .datetimepicker({format: 'yyyy-mm-dd hh:ii'})
245 | .datetimepicker('setValue');
246 | equal(this.input.val(), '2012-03-05 00:00');
247 | }));
248 |
249 |
250 | test('With timezone option', patch_date(function(Date){
251 | this.input
252 | .val('2012-03-05')
253 | .datetimepicker({format: 'yyyy-mm-dd hh:ii P Z'})
254 | .datetimepicker('setValue');
255 | equal(this.input.val(), '2012-03-05 00:00 AM UTC');
256 | }));
257 |
--------------------------------------------------------------------------------
/css/bootstrap-datetimepicker.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Datetimepicker for Bootstrap
3 | *
4 | * Copyright 2012 Stefan Petre
5 | * Improvements by Andrew Rowls
6 | * Licensed under the Apache License v2.0
7 | * http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | */.datetimepicker{padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datetimepicker-inline{width:220px}.datetimepicker.datetimepicker-rtl{direction:rtl}.datetimepicker.datetimepicker-rtl table tr td span{float:right}.datetimepicker-dropdown,.datetimepicker-dropdown-left{top:0;left:0}[class*=" datetimepicker-dropdown"]: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}[class*=" datetimepicker-dropdown"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute}[class*=" datetimepicker-dropdown-top"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0}[class*=" datetimepicker-dropdown-top"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:0}.datetimepicker-dropdown-bottom-left:before{top:-7px;right:6px}.datetimepicker-dropdown-bottom-left:after{top:-6px;right:7px}.datetimepicker-dropdown-bottom-right:before{top:-7px;left:6px}.datetimepicker-dropdown-bottom-right:after{top:-6px;left:7px}.datetimepicker-dropdown-top-left:before{bottom:-7px;right:6px}.datetimepicker-dropdown-top-left:after{bottom:-6px;right:7px}.datetimepicker-dropdown-top-right:before{bottom:-7px;left:6px}.datetimepicker-dropdown-top-right:after{bottom:-6px;left:7px}.datetimepicker>div{display:none}.datetimepicker.minutes div.datetimepicker-minutes{display:block}.datetimepicker.hours div.datetimepicker-hours{display:block}.datetimepicker.days div.datetimepicker-days{display:block}.datetimepicker.months div.datetimepicker-months{display:block}.datetimepicker.years div.datetimepicker-years{display:block}.datetimepicker table{margin:0}.datetimepicker td,.datetimepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0}.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th{background-color:transparent}.datetimepicker table tr td.minute:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.hour:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.day:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.old,.datetimepicker table tr td.new{color:#999}.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a);background-image:-o-linear-gradient(top,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active{background-color:#fbf069}.datetimepicker table tr td.active,.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-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='#0088cc',endColorstr='#0044cc',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);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datetimepicker .datetimepicker-hours span{height:26px;line-height:26px}.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%}.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px}.datetimepicker .datetimepicker-minutes span{height:26px;line-height:26px}.datetimepicker table tr td span:hover{background:#eee}.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td span.active,.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-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='#0088cc',endColorstr='#0044cc',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);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span.old{color:#999}.datetimepicker th.switch{width:145px}.datetimepicker th span.glyphicon{pointer-events:none}.datetimepicker thead tr:first-child th,.datetimepicker tfoot th{cursor:pointer}.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span{cursor:pointer;width:14px;height:14px}
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Datetimepicker for Bootstrap
3 | *
4 | * Copyright 2012 Stefan Petre
5 | * Improvements by Andrew Rowls
6 | * Licensed under the Apache License v2.0
7 | * http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | */.datetimepicker{padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datetimepicker-inline{width:220px}.datetimepicker.datetimepicker-rtl{direction:rtl}.datetimepicker.datetimepicker-rtl table tr td span{float:right}.datetimepicker-dropdown,.datetimepicker-dropdown-left{top:0;left:0}[class*=" datetimepicker-dropdown"]: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}[class*=" datetimepicker-dropdown"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute}[class*=" datetimepicker-dropdown-top"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0}[class*=" datetimepicker-dropdown-top"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:0}.datetimepicker-dropdown-bottom-left:before{top:-7px;right:6px}.datetimepicker-dropdown-bottom-left:after{top:-6px;right:7px}.datetimepicker-dropdown-bottom-right:before{top:-7px;left:6px}.datetimepicker-dropdown-bottom-right:after{top:-6px;left:7px}.datetimepicker-dropdown-top-left:before{bottom:-7px;right:6px}.datetimepicker-dropdown-top-left:after{bottom:-6px;right:7px}.datetimepicker-dropdown-top-right:before{bottom:-7px;left:6px}.datetimepicker-dropdown-top-right:after{bottom:-6px;left:7px}.datetimepicker>div{display:none}.datetimepicker.minutes div.datetimepicker-minutes{display:block}.datetimepicker.hours div.datetimepicker-hours{display:block}.datetimepicker.days div.datetimepicker-days{display:block}.datetimepicker.months div.datetimepicker-months{display:block}.datetimepicker.years div.datetimepicker-years{display:block}.datetimepicker table{margin:0}.datetimepicker td,.datetimepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0}.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th{background-color:transparent}.datetimepicker table tr td.minute:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.hour:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.day:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.old,.datetimepicker table tr td.new{color:#999}.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a);background-image:-o-linear-gradient(top,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active{background-color:#fbf069}.datetimepicker table tr td.active,.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-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='#0088cc',endColorstr='#0044cc',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);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datetimepicker .datetimepicker-hours span{height:26px;line-height:26px}.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%}.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px}.datetimepicker .datetimepicker-minutes span{height:26px;line-height:26px}.datetimepicker table tr td span:hover{background:#eee}.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td span.active,.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-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='#0088cc',endColorstr='#0044cc',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);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span.old{color:#999}.datetimepicker th.switch{width:145px}.datetimepicker th span.glyphicon{pointer-events:none}.datetimepicker thead tr:first-child th,.datetimepicker tfoot th{cursor:pointer}.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span{cursor:pointer;width:14px;height:14px}
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/LICENSE:
--------------------------------------------------------------------------------
1 | Apache License
2 | Version 2.0, January 2004
3 | http://www.apache.org/licenses/
4 |
5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
6 |
7 | 1. Definitions.
8 |
9 | "License" shall mean the terms and conditions for use, reproduction,
10 | and distribution as defined by Sections 1 through 9 of this document.
11 |
12 | "Licensor" shall mean the copyright owner or entity authorized by
13 | the copyright owner that is granting the License.
14 |
15 | "Legal Entity" shall mean the union of the acting entity and all
16 | other entities that control, are controlled by, or are under common
17 | control with that entity. For the purposes of this definition,
18 | "control" means (i) the power, direct or indirect, to cause the
19 | direction or management of such entity, whether by contract or
20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the
21 | outstanding shares, or (iii) beneficial ownership of such entity.
22 |
23 | "You" (or "Your") shall mean an individual or Legal Entity
24 | exercising permissions granted by this License.
25 |
26 | "Source" form shall mean the preferred form for making modifications,
27 | including but not limited to software source code, documentation
28 | source, and configuration files.
29 |
30 | "Object" form shall mean any form resulting from mechanical
31 | transformation or translation of a Source form, including but
32 | not limited to compiled object code, generated documentation,
33 | and conversions to other media types.
34 |
35 | "Work" shall mean the work of authorship, whether in Source or
36 | Object form, made available under the License, as indicated by a
37 | copyright notice that is included in or attached to the work
38 | (an example is provided in the Appendix below).
39 |
40 | "Derivative Works" shall mean any work, whether in Source or Object
41 | form, that is based on (or derived from) the Work and for which the
42 | editorial revisions, annotations, elaborations, or other modifications
43 | represent, as a whole, an original work of authorship. For the purposes
44 | of this License, Derivative Works shall not include works that remain
45 | separable from, or merely link (or bind by name) to the interfaces of,
46 | the Work and Derivative Works thereof.
47 |
48 | "Contribution" shall mean any work of authorship, including
49 | the original version of the Work and any modifications or additions
50 | to that Work or Derivative Works thereof, that is intentionally
51 | submitted to Licensor for inclusion in the Work by the copyright owner
52 | or by an individual or Legal Entity authorized to submit on behalf of
53 | the copyright owner. For the purposes of this definition, "submitted"
54 | means any form of electronic, verbal, or written communication sent
55 | to the Licensor or its representatives, including but not limited to
56 | communication on electronic mailing lists, source code control systems,
57 | and issue tracking systems that are managed by, or on behalf of, the
58 | Licensor for the purpose of discussing and improving the Work, but
59 | excluding communication that is conspicuously marked or otherwise
60 | designated in writing by the copyright owner as "Not a Contribution."
61 |
62 | "Contributor" shall mean Licensor and any individual or Legal Entity
63 | on behalf of whom a Contribution has been received by Licensor and
64 | subsequently incorporated within the Work.
65 |
66 | 2. Grant of Copyright License. Subject to the terms and conditions of
67 | this License, each Contributor hereby grants to You a perpetual,
68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable
69 | copyright license to reproduce, prepare Derivative Works of,
70 | publicly display, publicly perform, sublicense, and distribute the
71 | Work and such Derivative Works in Source or Object form.
72 |
73 | 3. Grant of Patent License. Subject to the terms and conditions of
74 | this License, each Contributor hereby grants to You a perpetual,
75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable
76 | (except as stated in this section) patent license to make, have made,
77 | use, offer to sell, sell, import, and otherwise transfer the Work,
78 | where such license applies only to those patent claims licensable
79 | by such Contributor that are necessarily infringed by their
80 | Contribution(s) alone or by combination of their Contribution(s)
81 | with the Work to which such Contribution(s) was submitted. If You
82 | institute patent litigation against any entity (including a
83 | cross-claim or counterclaim in a lawsuit) alleging that the Work
84 | or a Contribution incorporated within the Work constitutes direct
85 | or contributory patent infringement, then any patent licenses
86 | granted to You under this License for that Work shall terminate
87 | as of the date such litigation is filed.
88 |
89 | 4. Redistribution. You may reproduce and distribute copies of the
90 | Work or Derivative Works thereof in any medium, with or without
91 | modifications, and in Source or Object form, provided that You
92 | meet the following conditions:
93 |
94 | (a) You must give any other recipients of the Work or
95 | Derivative Works a copy of this License; and
96 |
97 | (b) You must cause any modified files to carry prominent notices
98 | stating that You changed the files; and
99 |
100 | (c) You must retain, in the Source form of any Derivative Works
101 | that You distribute, all copyright, patent, trademark, and
102 | attribution notices from the Source form of the Work,
103 | excluding those notices that do not pertain to any part of
104 | the Derivative Works; and
105 |
106 | (d) If the Work includes a "NOTICE" text file as part of its
107 | distribution, then any Derivative Works that You distribute must
108 | include a readable copy of the attribution notices contained
109 | within such NOTICE file, excluding those notices that do not
110 | pertain to any part of the Derivative Works, in at least one
111 | of the following places: within a NOTICE text file distributed
112 | as part of the Derivative Works; within the Source form or
113 | documentation, if provided along with the Derivative Works; or,
114 | within a display generated by the Derivative Works, if and
115 | wherever such third-party notices normally appear. The contents
116 | of the NOTICE file are for informational purposes only and
117 | do not modify the License. You may add Your own attribution
118 | notices within Derivative Works that You distribute, alongside
119 | or as an addendum to the NOTICE text from the Work, provided
120 | that such additional attribution notices cannot be construed
121 | as modifying the License.
122 |
123 | You may add Your own copyright statement to Your modifications and
124 | may provide additional or different license terms and conditions
125 | for use, reproduction, or distribution of Your modifications, or
126 | for any such Derivative Works as a whole, provided Your use,
127 | reproduction, and distribution of the Work otherwise complies with
128 | the conditions stated in this License.
129 |
130 | 5. Submission of Contributions. Unless You explicitly state otherwise,
131 | any Contribution intentionally submitted for inclusion in the Work
132 | by You to the Licensor shall be under the terms and conditions of
133 | this License, without any additional terms or conditions.
134 | Notwithstanding the above, nothing herein shall supersede or modify
135 | the terms of any separate license agreement you may have executed
136 | with Licensor regarding such Contributions.
137 |
138 | 6. Trademarks. This License does not grant permission to use the trade
139 | names, trademarks, service marks, or product names of the Licensor,
140 | except as required for reasonable and customary use in describing the
141 | origin of the Work and reproducing the content of the NOTICE file.
142 |
143 | 7. Disclaimer of Warranty. Unless required by applicable law or
144 | agreed to in writing, Licensor provides the Work (and each
145 | Contributor provides its Contributions) on an "AS IS" BASIS,
146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 | implied, including, without limitation, any warranties or conditions
148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 | PARTICULAR PURPOSE. You are solely responsible for determining the
150 | appropriateness of using or redistributing the Work and assume any
151 | risks associated with Your exercise of permissions under this License.
152 |
153 | 8. Limitation of Liability. In no event and under no legal theory,
154 | whether in tort (including negligence), contract, or otherwise,
155 | unless required by applicable law (such as deliberate and grossly
156 | negligent acts) or agreed to in writing, shall any Contributor be
157 | liable to You for damages, including any direct, indirect, special,
158 | incidental, or consequential damages of any character arising as a
159 | result of this License or out of the use or inability to use the
160 | Work (including but not limited to damages for loss of goodwill,
161 | work stoppage, computer failure or malfunction, or any and all
162 | other commercial damages or losses), even if such Contributor
163 | has been advised of the possibility of such damages.
164 |
165 | 9. Accepting Warranty or Additional Liability. While redistributing
166 | the Work or Derivative Works thereof, You may choose to offer,
167 | and charge a fee for, acceptance of support, warranty, indemnity,
168 | or other liability obligations and/or rights consistent with this
169 | License. However, in accepting such obligations, You may act only
170 | on Your own behalf and on Your sole responsibility, not on behalf
171 | of any other Contributor, and only if You agree to indemnify,
172 | defend, and hold each Contributor harmless for any liability
173 | incurred by, or claims asserted against, such Contributor by reason
174 | of your accepting any such warranty or additional liability.
175 |
176 | END OF TERMS AND CONDITIONS
177 |
178 | APPENDIX: How to apply the Apache License to your work.
179 |
180 | To apply the Apache License to your work, attach the following
181 | boilerplate notice, with the fields enclosed by brackets "[]"
182 | replaced with your own identifying information. (Don't include
183 | the brackets!) The text should be enclosed in the appropriate
184 | comment syntax for the file format. We also recommend that a
185 | file or class name and description of purpose be included on the
186 | same "printed page" as the copyright notice for easier
187 | identification within third-party archives.
188 |
189 | Copyright 2012 Sebastien MALOT
190 |
191 | Licensed under the Apache License, Version 2.0 (the "License");
192 | you may not use this file except in compliance with the License.
193 | You may obtain a copy of the License at
194 |
195 | http://www.apache.org/licenses/LICENSE-2.0
196 |
197 | Unless required by applicable law or agreed to in writing, software
198 | distributed under the License is distributed on an "AS IS" BASIS,
199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 | See the License for the specific language governing permissions and
201 | limitations under the License.
202 |
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/tests/suites/mouse_navigation/2012.js:
--------------------------------------------------------------------------------
1 | module('Mouse Navigation 2012', {
2 | setup: function(){
3 | /*
4 | Tests start with picker on March 31, 2012. Fun facts:
5 |
6 | * February 1, 2012 was on a Wednesday
7 | * February 29, 2012 was on a Wednesday
8 | * March 1, 2012 was on a Thursday
9 | * March 31, 2012 was on a Saturday
10 | */
11 | this.input = $('')
12 | .appendTo('#qunit-fixture')
13 | .datetimepicker({format: "dd-mm-yyyy", viewSelect: 2})
14 | .focus(); // Activate for visibility checks
15 | this.dp = this.input.data('datetimepicker')
16 | this.picker = this.dp.picker;
17 | },
18 | teardown: function(){
19 | this.picker.remove();
20 | }
21 | });
22 |
23 | test('Selecting date resets viewDate and date', function(){
24 | var target;
25 |
26 | // Rendered correctly
27 | equal(this.dp.viewMode, 2);
28 | target = this.picker.find('.datetimepicker-days tbody td:nth(7)');
29 | equal(target.text(), '4'); // Should be Mar 4
30 |
31 | // Updated internally on click
32 | target.click();
33 | datesEqual(this.dp.viewDate, UTCDate(2012, 2, 4))
34 | datesEqual(this.dp.date, UTCDate(2012, 2, 4))
35 |
36 | // Re-rendered on click
37 | target = this.picker.find('.datetimepicker-days tbody td:first');
38 | equal(target.text(), '26'); // Should be Feb 29
39 | });
40 |
41 | test('Navigating next/prev by month', function(){
42 | var target;
43 |
44 | equal(this.dp.viewMode, 2);
45 | target = this.picker.find('.datetimepicker-days thead th.prev');
46 | ok(target.is(':visible'), 'Month:prev nav is visible');
47 |
48 | // Updated internally on click
49 | target.click();
50 | // Should handle month-length changes gracefully
51 | datesEqual(this.dp.viewDate, UTCDate(2012, 1, 29));
52 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
53 |
54 | // Re-rendered on click
55 | target = this.picker.find('.datetimepicker-days tbody td:first');
56 | equal(target.text(), '29'); // Should be Jan 29
57 |
58 | target = this.picker.find('.datetimepicker-days thead th.next');
59 | ok(target.is(':visible'), 'Month:next nav is visible');
60 |
61 | // Updated internally on click
62 | target.click().click();
63 | // Graceful moonth-end handling carries over
64 | datesEqual(this.dp.viewDate, UTCDate(2012, 3, 29));
65 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
66 |
67 | // Re-rendered on click
68 | target = this.picker.find('.datetimepicker-days tbody td:first');
69 | equal(target.text(), '25'); // Should be Mar 25
70 | // (includes "old" days at start of month, even if that's all the first week-row consists of)
71 | });
72 |
73 | test('Navigating to/from year view', function(){
74 | var target;
75 |
76 | equal(this.dp.viewMode, 2);
77 | target = this.picker.find('.datetimepicker-days thead th.switch');
78 | ok(target.is(':visible'), 'View switcher is visible');
79 |
80 | target.click();
81 | ok(this.picker.find('.datetimepicker-months').is(':visible'), 'Month picker is visible');
82 | equal(this.dp.viewMode, 3);
83 | // Not modified when switching modes
84 | datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
85 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
86 |
87 | // Change months to test internal state
88 | target = this.picker.find('.datetimepicker-months tbody span:contains(Apr)');
89 | target.click();
90 | equal(this.dp.viewMode, 2);
91 | // Only viewDate modified
92 | datesEqual(this.dp.viewDate, UTCDate(2012, 3, 1)); // Apr 30
93 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
94 | });
95 |
96 | test('Navigating to/from decade view', function(){
97 | var target;
98 |
99 | equal(this.dp.viewMode, 2);
100 | target = this.picker.find('.datetimepicker-days thead th.switch');
101 | ok(target.is(':visible'), 'View switcher is visible');
102 |
103 | target.click();
104 | ok(this.picker.find('.datetimepicker-months').is(':visible'), 'Month picker is visible');
105 | equal(this.dp.viewMode, 3);
106 | // Not modified when switching modes
107 | datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
108 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
109 |
110 | target = this.picker.find('.datetimepicker-months thead th.switch');
111 | ok(target.is(':visible'), 'View switcher is visible');
112 |
113 | target.click();
114 | ok(this.picker.find('.datetimepicker-years').is(':visible'), 'Year picker is visible');
115 | equal(this.dp.viewMode, 4);
116 | // Not modified when switching modes
117 | datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
118 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
119 |
120 | // Change years to test internal state changes
121 | target = this.picker.find('.datetimepicker-years tbody span:contains(2011)');
122 | target.click();
123 | equal(this.dp.viewMode, 3);
124 | // Only viewDate modified
125 | datesEqual(this.dp.viewDate, UTCDate(2011, 2, 1));
126 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
127 |
128 | target = this.picker.find('.datetimepicker-months tbody span:contains(Apr)');
129 | target.click();
130 | equal(this.dp.viewMode, 2);
131 | // Only viewDate modified
132 | datesEqual(this.dp.viewDate, UTCDate(2011, 3, 1));
133 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
134 | });
135 |
136 | test('Navigating prev/next in year view', function(){
137 | var target;
138 |
139 | equal(this.dp.viewMode, 2);
140 | target = this.picker.find('.datetimepicker-days thead th.switch');
141 | ok(target.is(':visible'), 'View switcher is visible');
142 |
143 | target.click();
144 | ok(this.picker.find('.datetimepicker-months').is(':visible'), 'Month picker is visible');
145 | equal(this.dp.viewMode, 3);
146 | equal(this.picker.find('.datetimepicker-months thead th.switch').text(), '2012');
147 | // Not modified when switching modes
148 | datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
149 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
150 |
151 | // Go to next year (2013)
152 | target = this.picker.find('.datetimepicker-months thead th.next');
153 | target.click();
154 | equal(this.picker.find('.datetimepicker-months thead th.switch').text(), '2013');
155 | // Only viewDate modified
156 | datesEqual(this.dp.viewDate, UTCDate(2013, 2, 31));
157 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
158 |
159 | // Go to prev year (x2 == 2011)
160 | target = this.picker.find('.datetimepicker-months thead th.prev');
161 | target.click().click();
162 | equal(this.picker.find('.datetimepicker-months thead th.switch').text(), '2011');
163 | // Only viewDate modified
164 | datesEqual(this.dp.viewDate, UTCDate(2011, 2, 31));
165 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
166 | });
167 |
168 | test('Navigating prev/next in decade view', function(){
169 | var target;
170 |
171 | equal(this.dp.viewMode, 2);
172 | target = this.picker.find('.datetimepicker-days thead th.switch');
173 | ok(target.is(':visible'), 'View switcher is visible');
174 |
175 | target.click();
176 | ok(this.picker.find('.datetimepicker-months').is(':visible'), 'Month picker is visible');
177 | equal(this.dp.viewMode, 3);
178 | // Not modified when switching modes
179 | datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
180 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
181 |
182 | target = this.picker.find('.datetimepicker-months thead th.switch');
183 | ok(target.is(':visible'), 'View switcher is visible');
184 |
185 | target.click();
186 | ok(this.picker.find('.datetimepicker-years').is(':visible'), 'Year picker is visible');
187 | equal(this.dp.viewMode, 4);
188 | equal(this.picker.find('.datetimepicker-years thead th.switch').text(), '2010-2019');
189 | // Not modified when switching modes
190 | datesEqual(this.dp.viewDate, UTCDate(2012, 2, 31));
191 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
192 |
193 | // Go to next decade (2020-29)
194 | target = this.picker.find('.datetimepicker-years thead th.next');
195 | target.click();
196 | equal(this.picker.find('.datetimepicker-years thead th.switch').text(), '2020-2029');
197 | // Only viewDate modified
198 | datesEqual(this.dp.viewDate, UTCDate(2022, 2, 31));
199 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
200 |
201 | // Go to prev year (x2 == 2000-09)
202 | target = this.picker.find('.datetimepicker-years thead th.prev');
203 | target.click().click();
204 | equal(this.picker.find('.datetimepicker-years thead th.switch').text(), '2000-2009');
205 | // Only viewDate modified
206 | datesEqual(this.dp.viewDate, UTCDate(2002, 2, 31));
207 | datesEqual(this.dp.date, UTCDate(2012, 2, 31));
208 | });
209 |
210 | test('Selecting date from previous month resets viewDate and date, changing month displayed', function(){
211 | var target;
212 |
213 | // Rendered correctly
214 | equal(this.dp.viewMode, 2);
215 | target = this.picker.find('.datetimepicker-days tbody td:first');
216 | equal(target.text(), '26'); // Should be Feb 26
217 | equal(this.picker.find('.datetimepicker-days thead th.switch').text(), 'March 2012');
218 |
219 | // Updated internally on click
220 | target.click();
221 | equal(this.picker.find('.datetimepicker-days thead th.switch').text(), 'February 2012');
222 | datesEqual(this.dp.viewDate, UTCDate(2012, 1, 26))
223 | datesEqual(this.dp.date, UTCDate(2012, 1, 26))
224 |
225 | // Re-rendered on click
226 | target = this.picker.find('.datetimepicker-days tbody td:first');
227 | equal(target.text(), '29'); // Should be Jan 29
228 | });
229 |
230 | test('Selecting date from next month resets viewDate and date, changing month displayed', function(){
231 | var target;
232 |
233 | this.input.val('01-04-2012');
234 | this.dp.update();
235 |
236 | // Rendered correctly
237 | equal(this.dp.viewMode, 2);
238 | target = this.picker.find('.datetimepicker-days tbody td:last');
239 | equal(target.text(), '5'); // Should be May 5
240 | equal(this.picker.find('.datetimepicker-days thead th.switch').text(), 'April 2012');
241 |
242 | // Updated internally on click
243 | target.click();
244 | equal(this.picker.find('.datetimepicker-days thead th.switch').text(), 'May 2012');
245 | datesEqual(this.dp.viewDate, UTCDate(2012, 4, 5))
246 | datesEqual(this.dp.date, UTCDate(2012, 4, 5))
247 |
248 | // Re-rendered on click
249 | target = this.picker.find('.datetimepicker-days tbody td:first');
250 | equal(target.text(), '29'); // Should be Apr 29
251 | });
252 |
253 | test('Selecting date from next month when the current month has 31 days resets viewDate and date, changing month displayed to the following month', function(){
254 | var target;
255 |
256 | // use Date AND Time mode
257 | this.dp.viewSelect = 0;
258 |
259 | this.input.val('2012-01-31');
260 | this.dp.update();
261 | equal(this.picker.find('.datetimepicker-days tbody td.day.active').text(), '31');
262 |
263 | // Rendered correctly
264 | equal(this.dp.viewMode, 2);
265 | target = this.picker.find('.datetimepicker-days tbody td:last');
266 | equal(target.text(), '4');
267 | equal(this.picker.find('.datetimepicker-days thead th.switch').text(), 'January 2012');
268 |
269 | // Updated internally on click
270 | target.click();
271 | equal(this.picker.find('.datetimepicker-days thead th.switch').text(), 'February 2012');
272 | datesEqual(this.dp.viewDate, UTCDate(2012, 1, 4));
273 | });
274 |
275 | test('Selecting date from previous month when the current month has 31 days resets viewDate and date, changing month displayed to the preceding month', function(){
276 | var target;
277 |
278 | // use Date AND Time mode
279 | this.dp.viewSelect = 0;
280 |
281 | this.input.val('2012-03-31');
282 | this.dp.update();
283 | equal(this.picker.find('.datetimepicker-days tbody td.day.active').text(), '31');
284 |
285 | // Rendered correctly
286 | equal(this.dp.viewMode, 2);
287 | target = this.picker.find('.datetimepicker-days tbody td.old:last');
288 | equal(target.text(), '29');
289 | equal(this.picker.find('.datetimepicker-days thead th.switch').text(), 'March 2012');
290 |
291 | // Updated internally on click
292 | target.click();
293 | equal(this.picker.find('.datetimepicker-days thead th.switch').text(), 'February 2012');
294 | datesEqual(this.dp.viewDate, UTCDate(2012, 1, 29));
295 | });
296 |
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Datetimepicker for Bootstrap
3 | *
4 | * Copyright 2012 Stefan Petre
5 | * Improvements by Andrew Rowls
6 | * Licensed under the Apache License v2.0
7 | * http://www.apache.org/licenses/LICENSE-2.0
8 | *
9 | */
10 | .datetimepicker {
11 | padding: 4px;
12 | margin-top: 1px;
13 | -webkit-border-radius: 4px;
14 | -moz-border-radius: 4px;
15 | border-radius: 4px;
16 | direction: ltr;
17 | }
18 |
19 | .datetimepicker-inline {
20 | width: 220px;
21 | }
22 |
23 | .datetimepicker.datetimepicker-rtl {
24 | direction: rtl;
25 | }
26 |
27 | .datetimepicker.datetimepicker-rtl table tr td span {
28 | float: right;
29 | }
30 |
31 | .datetimepicker-dropdown, .datetimepicker-dropdown-left {
32 | top: 0;
33 | left: 0;
34 | }
35 |
36 | [class*=" datetimepicker-dropdown"]:before {
37 | content: '';
38 | display: inline-block;
39 | border-left: 7px solid transparent;
40 | border-right: 7px solid transparent;
41 | border-bottom: 7px solid #cccccc;
42 | border-bottom-color: rgba(0, 0, 0, 0.2);
43 | position: absolute;
44 | }
45 |
46 | [class*=" datetimepicker-dropdown"]:after {
47 | content: '';
48 | display: inline-block;
49 | border-left: 6px solid transparent;
50 | border-right: 6px solid transparent;
51 | border-bottom: 6px solid #ffffff;
52 | position: absolute;
53 | }
54 |
55 | [class*=" datetimepicker-dropdown-top"]:before {
56 | content: '';
57 | display: inline-block;
58 | border-left: 7px solid transparent;
59 | border-right: 7px solid transparent;
60 | border-top: 7px solid #cccccc;
61 | border-top-color: rgba(0, 0, 0, 0.2);
62 | border-bottom: 0;
63 | }
64 |
65 | [class*=" datetimepicker-dropdown-top"]:after {
66 | content: '';
67 | display: inline-block;
68 | border-left: 6px solid transparent;
69 | border-right: 6px solid transparent;
70 | border-top: 6px solid #ffffff;
71 | border-bottom: 0;
72 | }
73 |
74 | .datetimepicker-dropdown-bottom-left:before {
75 | top: -7px;
76 | right: 6px;
77 | }
78 |
79 | .datetimepicker-dropdown-bottom-left:after {
80 | top: -6px;
81 | right: 7px;
82 | }
83 |
84 | .datetimepicker-dropdown-bottom-right:before {
85 | top: -7px;
86 | left: 6px;
87 | }
88 |
89 | .datetimepicker-dropdown-bottom-right:after {
90 | top: -6px;
91 | left: 7px;
92 | }
93 |
94 | .datetimepicker-dropdown-top-left:before {
95 | bottom: -7px;
96 | right: 6px;
97 | }
98 |
99 | .datetimepicker-dropdown-top-left:after {
100 | bottom: -6px;
101 | right: 7px;
102 | }
103 |
104 | .datetimepicker-dropdown-top-right:before {
105 | bottom: -7px;
106 | left: 6px;
107 | }
108 |
109 | .datetimepicker-dropdown-top-right:after {
110 | bottom: -6px;
111 | left: 7px;
112 | }
113 |
114 | .datetimepicker > div {
115 | display: none;
116 | }
117 |
118 | .datetimepicker.minutes div.datetimepicker-minutes {
119 | display: block;
120 | }
121 |
122 | .datetimepicker.hours div.datetimepicker-hours {
123 | display: block;
124 | }
125 |
126 | .datetimepicker.days div.datetimepicker-days {
127 | display: block;
128 | }
129 |
130 | .datetimepicker.months div.datetimepicker-months {
131 | display: block;
132 | }
133 |
134 | .datetimepicker.years div.datetimepicker-years {
135 | display: block;
136 | }
137 |
138 | .datetimepicker table {
139 | margin: 0;
140 | }
141 |
142 | .datetimepicker td,
143 | .datetimepicker th {
144 | text-align: center;
145 | width: 20px;
146 | height: 20px;
147 | -webkit-border-radius: 4px;
148 | -moz-border-radius: 4px;
149 | border-radius: 4px;
150 | border: none;
151 | }
152 |
153 | .table-striped .datetimepicker table tr td,
154 | .table-striped .datetimepicker table tr th {
155 | background-color: transparent;
156 | }
157 |
158 | .datetimepicker table tr td.minute:hover {
159 | background: #eeeeee;
160 | cursor: pointer;
161 | }
162 |
163 | .datetimepicker table tr td.hour:hover {
164 | background: #eeeeee;
165 | cursor: pointer;
166 | }
167 |
168 | .datetimepicker table tr td.day:hover {
169 | background: #eeeeee;
170 | cursor: pointer;
171 | }
172 |
173 | .datetimepicker table tr td.old,
174 | .datetimepicker table tr td.new {
175 | color: #999999;
176 | }
177 |
178 | .datetimepicker table tr td.disabled,
179 | .datetimepicker table tr td.disabled:hover {
180 | background: none;
181 | color: #999999;
182 | cursor: default;
183 | }
184 |
185 | .datetimepicker table tr td.today,
186 | .datetimepicker table tr td.today:hover,
187 | .datetimepicker table tr td.today.disabled,
188 | .datetimepicker table tr td.today.disabled:hover {
189 | background-color: #fde19a;
190 | background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
191 | background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
192 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
193 | background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
194 | background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
195 | background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
196 | background-repeat: repeat-x;
197 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
198 | border-color: #fdf59a #fdf59a #fbed50;
199 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
200 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
201 | }
202 |
203 | .datetimepicker table tr td.today:hover,
204 | .datetimepicker table tr td.today:hover:hover,
205 | .datetimepicker table tr td.today.disabled:hover,
206 | .datetimepicker table tr td.today.disabled:hover:hover,
207 | .datetimepicker table tr td.today:active,
208 | .datetimepicker table tr td.today:hover:active,
209 | .datetimepicker table tr td.today.disabled:active,
210 | .datetimepicker table tr td.today.disabled:hover:active,
211 | .datetimepicker table tr td.today.active,
212 | .datetimepicker table tr td.today:hover.active,
213 | .datetimepicker table tr td.today.disabled.active,
214 | .datetimepicker table tr td.today.disabled:hover.active,
215 | .datetimepicker table tr td.today.disabled,
216 | .datetimepicker table tr td.today:hover.disabled,
217 | .datetimepicker table tr td.today.disabled.disabled,
218 | .datetimepicker table tr td.today.disabled:hover.disabled,
219 | .datetimepicker table tr td.today[disabled],
220 | .datetimepicker table tr td.today:hover[disabled],
221 | .datetimepicker table tr td.today.disabled[disabled],
222 | .datetimepicker table tr td.today.disabled:hover[disabled] {
223 | background-color: #fdf59a;
224 | }
225 |
226 | .datetimepicker table tr td.today:active,
227 | .datetimepicker table tr td.today:hover:active,
228 | .datetimepicker table tr td.today.disabled:active,
229 | .datetimepicker table tr td.today.disabled:hover:active,
230 | .datetimepicker table tr td.today.active,
231 | .datetimepicker table tr td.today:hover.active,
232 | .datetimepicker table tr td.today.disabled.active,
233 | .datetimepicker table tr td.today.disabled:hover.active {
234 | background-color: #fbf069;
235 | }
236 |
237 | .datetimepicker table tr td.active,
238 | .datetimepicker table tr td.active:hover,
239 | .datetimepicker table tr td.active.disabled,
240 | .datetimepicker table tr td.active.disabled:hover {
241 | background-color: #006dcc;
242 | background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
243 | background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
244 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
245 | background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
246 | background-image: -o-linear-gradient(top, #0088cc, #0044cc);
247 | background-image: linear-gradient(to bottom, #0088cc, #0044cc);
248 | background-repeat: repeat-x;
249 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
250 | border-color: #0044cc #0044cc #002a80;
251 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
252 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
253 | color: #ffffff;
254 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
255 | }
256 |
257 | .datetimepicker table tr td.active:hover,
258 | .datetimepicker table tr td.active:hover:hover,
259 | .datetimepicker table tr td.active.disabled:hover,
260 | .datetimepicker table tr td.active.disabled:hover:hover,
261 | .datetimepicker table tr td.active:active,
262 | .datetimepicker table tr td.active:hover:active,
263 | .datetimepicker table tr td.active.disabled:active,
264 | .datetimepicker table tr td.active.disabled:hover:active,
265 | .datetimepicker table tr td.active.active,
266 | .datetimepicker table tr td.active:hover.active,
267 | .datetimepicker table tr td.active.disabled.active,
268 | .datetimepicker table tr td.active.disabled:hover.active,
269 | .datetimepicker table tr td.active.disabled,
270 | .datetimepicker table tr td.active:hover.disabled,
271 | .datetimepicker table tr td.active.disabled.disabled,
272 | .datetimepicker table tr td.active.disabled:hover.disabled,
273 | .datetimepicker table tr td.active[disabled],
274 | .datetimepicker table tr td.active:hover[disabled],
275 | .datetimepicker table tr td.active.disabled[disabled],
276 | .datetimepicker table tr td.active.disabled:hover[disabled] {
277 | background-color: #0044cc;
278 | }
279 |
280 | .datetimepicker table tr td.active:active,
281 | .datetimepicker table tr td.active:hover:active,
282 | .datetimepicker table tr td.active.disabled:active,
283 | .datetimepicker table tr td.active.disabled:hover:active,
284 | .datetimepicker table tr td.active.active,
285 | .datetimepicker table tr td.active:hover.active,
286 | .datetimepicker table tr td.active.disabled.active,
287 | .datetimepicker table tr td.active.disabled:hover.active {
288 | background-color: #003399;
289 | }
290 |
291 | .datetimepicker table tr td span {
292 | display: block;
293 | width: 23%;
294 | height: 54px;
295 | line-height: 54px;
296 | float: left;
297 | margin: 1%;
298 | cursor: pointer;
299 | -webkit-border-radius: 4px;
300 | -moz-border-radius: 4px;
301 | border-radius: 4px;
302 | }
303 |
304 | .datetimepicker .datetimepicker-hours span {
305 | height: 26px;
306 | line-height: 26px;
307 | }
308 |
309 | .datetimepicker .datetimepicker-hours table tr td span.hour_am,
310 | .datetimepicker .datetimepicker-hours table tr td span.hour_pm {
311 | width: 14.6%;
312 | }
313 |
314 | .datetimepicker .datetimepicker-hours fieldset legend,
315 | .datetimepicker .datetimepicker-minutes fieldset legend {
316 | margin-bottom: inherit;
317 | line-height: 30px;
318 | }
319 |
320 | .datetimepicker .datetimepicker-minutes span {
321 | height: 26px;
322 | line-height: 26px;
323 | }
324 |
325 | .datetimepicker table tr td span:hover {
326 | background: #eeeeee;
327 | }
328 |
329 | .datetimepicker table tr td span.disabled,
330 | .datetimepicker table tr td span.disabled:hover {
331 | background: none;
332 | color: #999999;
333 | cursor: default;
334 | }
335 |
336 | .datetimepicker table tr td span.active,
337 | .datetimepicker table tr td span.active:hover,
338 | .datetimepicker table tr td span.active.disabled,
339 | .datetimepicker table tr td span.active.disabled:hover {
340 | background-color: #006dcc;
341 | background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
342 | background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
343 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
344 | background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
345 | background-image: -o-linear-gradient(top, #0088cc, #0044cc);
346 | background-image: linear-gradient(to bottom, #0088cc, #0044cc);
347 | background-repeat: repeat-x;
348 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
349 | border-color: #0044cc #0044cc #002a80;
350 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
351 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
352 | color: #ffffff;
353 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
354 | }
355 |
356 | .datetimepicker table tr td span.active:hover,
357 | .datetimepicker table tr td span.active:hover:hover,
358 | .datetimepicker table tr td span.active.disabled:hover,
359 | .datetimepicker table tr td span.active.disabled:hover:hover,
360 | .datetimepicker table tr td span.active:active,
361 | .datetimepicker table tr td span.active:hover:active,
362 | .datetimepicker table tr td span.active.disabled:active,
363 | .datetimepicker table tr td span.active.disabled:hover:active,
364 | .datetimepicker table tr td span.active.active,
365 | .datetimepicker table tr td span.active:hover.active,
366 | .datetimepicker table tr td span.active.disabled.active,
367 | .datetimepicker table tr td span.active.disabled:hover.active,
368 | .datetimepicker table tr td span.active.disabled,
369 | .datetimepicker table tr td span.active:hover.disabled,
370 | .datetimepicker table tr td span.active.disabled.disabled,
371 | .datetimepicker table tr td span.active.disabled:hover.disabled,
372 | .datetimepicker table tr td span.active[disabled],
373 | .datetimepicker table tr td span.active:hover[disabled],
374 | .datetimepicker table tr td span.active.disabled[disabled],
375 | .datetimepicker table tr td span.active.disabled:hover[disabled] {
376 | background-color: #0044cc;
377 | }
378 |
379 | .datetimepicker table tr td span.active:active,
380 | .datetimepicker table tr td span.active:hover:active,
381 | .datetimepicker table tr td span.active.disabled:active,
382 | .datetimepicker table tr td span.active.disabled:hover:active,
383 | .datetimepicker table tr td span.active.active,
384 | .datetimepicker table tr td span.active:hover.active,
385 | .datetimepicker table tr td span.active.disabled.active,
386 | .datetimepicker table tr td span.active.disabled:hover.active {
387 | background-color: #003399;
388 | }
389 |
390 | .datetimepicker table tr td span.old {
391 | color: #999999;
392 | }
393 |
394 | .datetimepicker th.switch {
395 | width: 145px;
396 | }
397 |
398 | .datetimepicker th span.glyphicon {
399 | pointer-events: none;
400 | }
401 |
402 | .datetimepicker thead tr:first-child th,
403 | .datetimepicker tfoot th {
404 | cursor: pointer;
405 | }
406 |
407 | .datetimepicker thead tr:first-child th:hover,
408 | .datetimepicker tfoot th:hover {
409 | background: #eeeeee;
410 | }
411 |
412 | .input-append.date .add-on i,
413 | .input-prepend.date .add-on i,
414 | .input-group.date .input-group-addon span {
415 | cursor: pointer;
416 | width: 14px;
417 | height: 14px;
418 | }
419 |
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/sample in bootstrap v3/bootstrap/css/bootstrap-theme.min.css:
--------------------------------------------------------------------------------
1 | .btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn:active,.btn.active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,0%,#e6e6e6,100%);background-image:-moz-linear-gradient(top,#fff 0,#e6e6e6 100%);background-image:linear-gradient(to bottom,#fff 0,#e6e6e6 100%);background-repeat:repeat-x;border-color:#e0e0e0;border-color:#ccc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0)}.btn-default:active,.btn-default.active{background-color:#e6e6e6;border-color:#e0e0e0}.btn-primary{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));background-image:-webkit-linear-gradient(top,#428bca,0%,#3071a9,100%);background-image:-moz-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);background-repeat:repeat-x;border-color:#2d6ca2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0)}.btn-primary:active,.btn-primary.active{background-color:#3071a9;border-color:#2d6ca2}.btn-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));background-image:-webkit-linear-gradient(top,#5cb85c,0%,#449d44,100%);background-image:-moz-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);background-repeat:repeat-x;border-color:#419641;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0)}.btn-success:active,.btn-success.active{background-color:#449d44;border-color:#419641}.btn-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#ec971f));background-image:-webkit-linear-gradient(top,#f0ad4e,0%,#ec971f,100%);background-image:-moz-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);background-repeat:repeat-x;border-color:#eb9316;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0)}.btn-warning:active,.btn-warning.active{background-color:#ec971f;border-color:#eb9316}.btn-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c9302c));background-image:-webkit-linear-gradient(top,#d9534f,0%,#c9302c,100%);background-image:-moz-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);background-repeat:repeat-x;border-color:#c12e2a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0)}.btn-danger:active,.btn-danger.active{background-color:#c9302c;border-color:#c12e2a}.btn-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#31b0d5));background-image:-webkit-linear-gradient(top,#5bc0de,0%,#31b0d5,100%);background-image:-moz-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);background-repeat:repeat-x;border-color:#2aabd2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0)}.btn-info:active,.btn-info.active{background-color:#31b0d5;border-color:#2aabd2}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#357ebd;background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));background-image:-webkit-linear-gradient(top,#428bca,0%,#357ebd,100%);background-image:-moz-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.navbar{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#f8f8f8));background-image:-webkit-linear-gradient(top,#fff,0%,#f8f8f8,100%);background-image:-moz-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);background-repeat:repeat-x;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8f8',GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075)}.navbar .navbar-nav>.active>a{background-color:#f8f8f8}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,0.25)}.navbar-inverse{background-image:-webkit-gradient(linear,left 0,left 100%,from(#3c3c3c),to(#222));background-image:-webkit-linear-gradient(top,#3c3c3c,0%,#222,100%);background-image:-moz-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c',endColorstr='#ff222222',GradientType=0)}.navbar-inverse .navbar-nav>.active>a{background-color:#222}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}.alert{text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)}.alert-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#dff0d8),to(#c8e5bc));background-image:-webkit-linear-gradient(top,#dff0d8,0%,#c8e5bc,100%);background-image:-moz-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);background-repeat:repeat-x;border-color:#b2dba1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0)}.alert-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#b9def0));background-image:-webkit-linear-gradient(top,#d9edf7,0%,#b9def0,100%);background-image:-moz-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)}.alert-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fcf8e3),to(#f8efc0));background-image:-webkit-linear-gradient(top,#fcf8e3,0%,#f8efc0,100%);background-image:-moz-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);background-repeat:repeat-x;border-color:#f5e79e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0)}.alert-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f2dede),to(#e7c3c3));background-image:-webkit-linear-gradient(top,#f2dede,0%,#e7c3c3,100%);background-image:-moz-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);background-repeat:repeat-x;border-color:#dca7a7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0)}.progress{background-image:-webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#ebebeb,0%,#f5f5f5,100%);background-image:-moz-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0)}.progress-bar{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));background-image:-webkit-linear-gradient(top,#428bca,0%,#3071a9,100%);background-image:-moz-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0)}.progress-bar-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));background-image:-webkit-linear-gradient(top,#5cb85c,0%,#449d44,100%);background-image:-moz-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0)}.progress-bar-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#31b0d5));background-image:-webkit-linear-gradient(top,#5bc0de,0%,#31b0d5,100%);background-image:-moz-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0)}.progress-bar-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#ec971f));background-image:-webkit-linear-gradient(top,#f0ad4e,0%,#ec971f,100%);background-image:-moz-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0)}.progress-bar-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c9302c));background-image:-webkit-linear-gradient(top,#d9534f,0%,#c9302c,100%);background-image:-moz-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #3071a9;background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3278b3));background-image:-webkit-linear-gradient(top,#428bca,0%,#3278b3,100%);background-image:-moz-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:linear-gradient(to bottom,#428bca 0,#3278b3 100%);background-repeat:repeat-x;border-color:#3278b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3278b3',GradientType=0)}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.panel-default>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f5f5f5),to(#e8e8e8));background-image:-webkit-linear-gradient(top,#f5f5f5,0%,#e8e8e8,100%);background-image:-moz-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}.panel-primary>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));background-image:-webkit-linear-gradient(top,#428bca,0%,#357ebd,100%);background-image:-moz-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.panel-success>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#dff0d8),to(#d0e9c6));background-image:-webkit-linear-gradient(top,#dff0d8,0%,#d0e9c6,100%);background-image:-moz-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffd0e9c6',GradientType=0)}.panel-info>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#c4e3f3));background-image:-webkit-linear-gradient(top,#d9edf7,0%,#c4e3f3,100%);background-image:-moz-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffc4e3f3',GradientType=0)}.panel-warning>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fcf8e3),to(#faf2cc));background-image:-webkit-linear-gradient(top,#fcf8e3,0%,#faf2cc,100%);background-image:-moz-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fffaf2cc',GradientType=0)}.panel-danger>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f2dede),to(#ebcccc));background-image:-webkit-linear-gradient(top,#f2dede,0%,#ebcccc,100%);background-image:-moz-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffebcccc',GradientType=0)}.well{background-image:-webkit-gradient(linear,left 0,left 100%,from(#e8e8e8),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#e8e8e8,0%,#f5f5f5,100%);background-image:-moz-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);background-repeat:repeat-x;border-color:#dcdcdc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)}
--------------------------------------------------------------------------------
/bootstrap-datetimepicker-master/less/datetimepicker.less:
--------------------------------------------------------------------------------
1 | /*!
2 | * Datetimepicker for Bootstrap
3 | *
4 | * Copyright 2012 Stefan Petre
5 | * Improvements by Andrew Rowls
6 | * Improvements by Sébastien Malot
7 | * Licensed under the Apache License v2.0
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | */
11 |
12 | .datetimepicker {
13 | padding: 4px;
14 | margin-top: 1px;
15 | white-space: normal;
16 | -webkit-border-radius: 4px;
17 | -moz-border-radius: 4px;
18 | border-radius: 4px;
19 | direction: ltr;
20 | &.datetimepicker-rtl {
21 | direction: rtl;
22 | table {
23 | tr {
24 | td {
25 | span {
26 | float: right;
27 | }
28 | }
29 | }
30 | }
31 | }
32 | & > div {
33 | display: none;
34 | }
35 | &.minutes {
36 | div {
37 | &.datetimepicker-minutes {
38 | display: block;
39 | }
40 | }
41 | }
42 | &.hours {
43 | div {
44 | &.datetimepicker-hours {
45 | display: block;
46 | }
47 | }
48 | }
49 | &.days {
50 | div {
51 | &.datetimepicker-days {
52 | display: block;
53 | }
54 | }
55 | }
56 | &.months {
57 | div {
58 | &.datetimepicker-months {
59 | display: block;
60 | }
61 | }
62 | }
63 | &.years {
64 | div {
65 | &.datetimepicker-years {
66 | display: block;
67 | }
68 | }
69 | }
70 | table {
71 | margin: 0;
72 | tr {
73 | td {
74 | &.minute {
75 | &:hover {
76 | background: #eeeeee;
77 | cursor: pointer;
78 | }
79 | }
80 | &.hour {
81 | &:hover {
82 | background: #eeeeee;
83 | cursor: pointer;
84 | }
85 | }
86 | &.day {
87 | &:hover {
88 | background: #eeeeee;
89 | cursor: pointer;
90 | }
91 | }
92 | span {
93 | display: block;
94 | width: 23%;
95 | height: 54px;
96 | line-height: 54px;
97 | float: left;
98 | margin: 1%;
99 | cursor: pointer;
100 | -webkit-border-radius: 4px;
101 | -moz-border-radius: 4px;
102 | border-radius: 4px;
103 | &:hover {
104 | background: #eeeeee;
105 | }
106 | &.old {
107 | color: #999999;
108 | }
109 | }
110 | }
111 | }
112 | }
113 | .datetimepicker-hours {
114 | span {
115 | height: 26px;
116 | line-height: 26px;
117 | }
118 | }
119 | .datetimepicker-minutes {
120 | span {
121 | height: 26px;
122 | line-height: 26px;
123 | }
124 | }
125 | th {
126 | &.switch {
127 | width: 145px;
128 | }
129 | }
130 | }
131 | .datetimepicker-inline {
132 | width: 220px;
133 | }
134 | .datetimepicker-dropdown, .datetimepicker-dropdown-left {
135 | top: 0;
136 | left: 0;
137 | }
138 | [class*="datetimepicker-dropdown"]:before {
139 | content: '';
140 | display: inline-block;
141 | border-left: 7px solid transparent;
142 | border-right: 7px solid transparent;
143 | border-bottom: 7px solid #ccc;
144 | border-bottom-color: rgba(0, 0, 0, 0.2);
145 | position: absolute;
146 | }
147 | [class*="datetimepicker-dropdown"]:after {
148 | content: '';
149 | display: inline-block;
150 | border-left: 6px solid transparent;
151 | border-right: 6px solid transparent;
152 | border-bottom: 6px solid #ffffff;
153 | position: absolute;
154 | }
155 | [class*="datetimepicker-dropdown-top"]:before {
156 | content: '';
157 | display: inline-block;
158 | border-left: 7px solid transparent;
159 | border-right: 7px solid transparent;
160 | border-top: 7px solid #ccc;
161 | border-top-color: rgba(0, 0, 0, 0.2);
162 | border-bottom: 0;
163 | }
164 | [class*="datetimepicker-dropdown-top"]:after {
165 | content: '';
166 | display: inline-block;
167 | border-left: 6px solid transparent;
168 | border-right: 6px solid transparent;
169 | border-top: 6px solid #ffffff;
170 | border-bottom: 0;
171 | }
172 | .datetimepicker-dropdown-bottom-left {
173 | &:before {
174 | top: -7px;
175 | right: 6px;
176 | }
177 | &:after {
178 | top: -6px;
179 | right: 7px;
180 | }
181 | }
182 | .datetimepicker-dropdown-bottom-right {
183 | &:before {
184 | top: -7px;
185 | left: 6px;
186 | }
187 | &:after {
188 | top: -6px;
189 | left: 7px;
190 | }
191 | }
192 | .datetimepicker-dropdown-top-left {
193 | &:before {
194 | bottom: -7px;
195 | right: 6px;
196 | }
197 | &:after {
198 | bottom: -6px;
199 | right: 7px;
200 | }
201 | }
202 | .datetimepicker-dropdown-top-right {
203 | &:before {
204 | bottom: -7px;
205 | left: 6px;
206 | }
207 | &:after {
208 | bottom: -6px;
209 | left: 7px;
210 | }
211 | }
212 | .datetimepicker td,
213 | .datetimepicker th {
214 | text-align: center;
215 | width: 20px;
216 | height: 20px;
217 | -webkit-border-radius: 4px;
218 | -moz-border-radius: 4px;
219 | border-radius: 4px;
220 | border: none;
221 | }
222 | .table-striped .datetimepicker table tr td,
223 | .table-striped .datetimepicker table tr th {
224 | background-color: transparent;
225 | }
226 | .datetimepicker table tr td.old,
227 | .datetimepicker table tr td.new {
228 | color: #999999;
229 | }
230 | .datetimepicker table tr td.disabled,
231 | .datetimepicker table tr td.disabled:hover {
232 | background: none;
233 | color: #999999;
234 | cursor: default;
235 | }
236 | .datetimepicker table tr td.today,
237 | .datetimepicker table tr td.today:hover,
238 | .datetimepicker table tr td.today.disabled,
239 | .datetimepicker table tr td.today.disabled:hover {
240 | background-color: #fde19a;
241 | background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
242 | background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
243 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
244 | background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
245 | background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
246 | background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
247 | background-repeat: repeat-x;
248 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
249 | border-color: #fdf59a #fdf59a #fbed50;
250 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
251 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
252 | }
253 | .datetimepicker table tr td.today:hover,
254 | .datetimepicker table tr td.today:hover:hover,
255 | .datetimepicker table tr td.today.disabled:hover,
256 | .datetimepicker table tr td.today.disabled:hover:hover,
257 | .datetimepicker table tr td.today:active,
258 | .datetimepicker table tr td.today:hover:active,
259 | .datetimepicker table tr td.today.disabled:active,
260 | .datetimepicker table tr td.today.disabled:hover:active,
261 | .datetimepicker table tr td.today.active,
262 | .datetimepicker table tr td.today:hover.active,
263 | .datetimepicker table tr td.today.disabled.active,
264 | .datetimepicker table tr td.today.disabled:hover.active,
265 | .datetimepicker table tr td.today.disabled,
266 | .datetimepicker table tr td.today:hover.disabled,
267 | .datetimepicker table tr td.today.disabled.disabled,
268 | .datetimepicker table tr td.today.disabled:hover.disabled,
269 | .datetimepicker table tr td.today[disabled],
270 | .datetimepicker table tr td.today:hover[disabled],
271 | .datetimepicker table tr td.today.disabled[disabled],
272 | .datetimepicker table tr td.today.disabled:hover[disabled] {
273 | background-color: #fdf59a;
274 | }
275 | .datetimepicker table tr td.today:active,
276 | .datetimepicker table tr td.today:hover:active,
277 | .datetimepicker table tr td.today.disabled:active,
278 | .datetimepicker table tr td.today.disabled:hover:active,
279 | .datetimepicker table tr td.today.active,
280 | .datetimepicker table tr td.today:hover.active,
281 | .datetimepicker table tr td.today.disabled.active,
282 | .datetimepicker table tr td.today.disabled:hover.active {
283 | background-color: #fbf069 \9;
284 | }
285 | .datetimepicker table tr td.active,
286 | .datetimepicker table tr td.active:hover,
287 | .datetimepicker table tr td.active.disabled,
288 | .datetimepicker table tr td.active.disabled:hover {
289 | background-color: #006dcc;
290 | background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
291 | background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
292 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
293 | background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
294 | background-image: -o-linear-gradient(top, #0088cc, #0044cc);
295 | background-image: linear-gradient(to bottom, #0088cc, #0044cc);
296 | background-repeat: repeat-x;
297 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
298 | border-color: #0044cc #0044cc #002a80;
299 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
300 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
301 | color: #fff;
302 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
303 | }
304 | .datetimepicker table tr td.active:hover,
305 | .datetimepicker table tr td.active:hover:hover,
306 | .datetimepicker table tr td.active.disabled:hover,
307 | .datetimepicker table tr td.active.disabled:hover:hover,
308 | .datetimepicker table tr td.active:active,
309 | .datetimepicker table tr td.active:hover:active,
310 | .datetimepicker table tr td.active.disabled:active,
311 | .datetimepicker table tr td.active.disabled:hover:active,
312 | .datetimepicker table tr td.active.active,
313 | .datetimepicker table tr td.active:hover.active,
314 | .datetimepicker table tr td.active.disabled.active,
315 | .datetimepicker table tr td.active.disabled:hover.active,
316 | .datetimepicker table tr td.active.disabled,
317 | .datetimepicker table tr td.active:hover.disabled,
318 | .datetimepicker table tr td.active.disabled.disabled,
319 | .datetimepicker table tr td.active.disabled:hover.disabled,
320 | .datetimepicker table tr td.active[disabled],
321 | .datetimepicker table tr td.active:hover[disabled],
322 | .datetimepicker table tr td.active.disabled[disabled],
323 | .datetimepicker table tr td.active.disabled:hover[disabled] {
324 | background-color: #0044cc;
325 | }
326 | .datetimepicker table tr td.active:active,
327 | .datetimepicker table tr td.active:hover:active,
328 | .datetimepicker table tr td.active.disabled:active,
329 | .datetimepicker table tr td.active.disabled:hover:active,
330 | .datetimepicker table tr td.active.active,
331 | .datetimepicker table tr td.active:hover.active,
332 | .datetimepicker table tr td.active.disabled.active,
333 | .datetimepicker table tr td.active.disabled:hover.active {
334 | background-color: #003399 \9;
335 | }
336 | .datetimepicker .datetimepicker-hours table tr td span.hour_am,
337 | .datetimepicker .datetimepicker-hours table tr td span.hour_pm {
338 | width: 14.6%;
339 | }
340 | .datetimepicker .datetimepicker-hours fieldset legend,
341 | .datetimepicker .datetimepicker-minutes fieldset legend {
342 | margin-bottom: inherit;
343 | line-height: 30px;
344 | }
345 | .datetimepicker table tr td span.disabled,
346 | .datetimepicker table tr td span.disabled:hover {
347 | background: none;
348 | color: #999999;
349 | cursor: default;
350 | }
351 | .datetimepicker table tr td span.active,
352 | .datetimepicker table tr td span.active:hover,
353 | .datetimepicker table tr td span.active.disabled,
354 | .datetimepicker table tr td span.active.disabled:hover {
355 | background-color: #006dcc;
356 | background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
357 | background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
358 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
359 | background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
360 | background-image: -o-linear-gradient(top, #0088cc, #0044cc);
361 | background-image: linear-gradient(to bottom, #0088cc, #0044cc);
362 | background-repeat: repeat-x;
363 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
364 | border-color: #0044cc #0044cc #002a80;
365 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
366 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
367 | color: #fff;
368 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
369 | }
370 | .datetimepicker table tr td span.active:hover,
371 | .datetimepicker table tr td span.active:hover:hover,
372 | .datetimepicker table tr td span.active.disabled:hover,
373 | .datetimepicker table tr td span.active.disabled:hover:hover,
374 | .datetimepicker table tr td span.active:active,
375 | .datetimepicker table tr td span.active:hover:active,
376 | .datetimepicker table tr td span.active.disabled:active,
377 | .datetimepicker table tr td span.active.disabled:hover:active,
378 | .datetimepicker table tr td span.active.active,
379 | .datetimepicker table tr td span.active:hover.active,
380 | .datetimepicker table tr td span.active.disabled.active,
381 | .datetimepicker table tr td span.active.disabled:hover.active,
382 | .datetimepicker table tr td span.active.disabled,
383 | .datetimepicker table tr td span.active:hover.disabled,
384 | .datetimepicker table tr td span.active.disabled.disabled,
385 | .datetimepicker table tr td span.active.disabled:hover.disabled,
386 | .datetimepicker table tr td span.active[disabled],
387 | .datetimepicker table tr td span.active:hover[disabled],
388 | .datetimepicker table tr td span.active.disabled[disabled],
389 | .datetimepicker table tr td span.active.disabled:hover[disabled] {
390 | background-color: #0044cc;
391 | }
392 | .datetimepicker table tr td span.active:active,
393 | .datetimepicker table tr td span.active:hover:active,
394 | .datetimepicker table tr td span.active.disabled:active,
395 | .datetimepicker table tr td span.active.disabled:hover:active,
396 | .datetimepicker table tr td span.active.active,
397 | .datetimepicker table tr td span.active:hover.active,
398 | .datetimepicker table tr td span.active.disabled.active,
399 | .datetimepicker table tr td span.active.disabled:hover.active {
400 | background-color: #003399 \9;
401 | }
402 | .datetimepicker thead tr:first-child th,
403 | .datetimepicker tfoot tr:first-child th {
404 | cursor: pointer;
405 | }
406 | .datetimepicker thead tr:first-child th:hover,
407 | .datetimepicker tfoot tr:first-child th:hover {
408 | background: #eeeeee;
409 | }
410 |
411 | .input-append.date .add-on i,
412 | .input-prepend.date .add-on i,
413 | .input-group.date .input-group-addon span {
414 | cursor: pointer;
415 | width: 14px;
416 | height: 14px;
417 | }
418 |
419 |
--------------------------------------------------------------------------------