jquery-datetimepicker 0.0.8 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/README.md
CHANGED
@@ -1 +1,63 @@
|
|
1
|
-
|
1
|
+
# jquery-datetimepicker
|
2
|
+
|
3
|
+
## Installation
|
4
|
+
|
5
|
+
Add this line to your application's Gemfile:
|
6
|
+
|
7
|
+
gem 'jquery-datetimepicker'
|
8
|
+
|
9
|
+
Add the following to your Javascript file:
|
10
|
+
|
11
|
+
//= require jquery-ui
|
12
|
+
//= require jquery-datetimepicker
|
13
|
+
|
14
|
+
Add the following line to your stylesheet file:
|
15
|
+
|
16
|
+
```scss
|
17
|
+
@import "jquery-datetimepicker.css";
|
18
|
+
```
|
19
|
+
|
20
|
+
## Usage
|
21
|
+
|
22
|
+
For an all-in-one date and time picker. Also allows you to toggle on/off alerts.
|
23
|
+
|
24
|
+
## API Summary
|
25
|
+
|
26
|
+
You can just call dateTimePicker() on any selector, and when clicking on the selector it will bring up the datetimepicker.
|
27
|
+
|
28
|
+
```javascript
|
29
|
+
$('.some-class-name').dateTimePicker();
|
30
|
+
```
|
31
|
+
|
32
|
+
There are many options you can include when calling dateTimePicker. Shown below are all the options and the defaults they are set to
|
33
|
+
|
34
|
+
```javascript
|
35
|
+
$('.some-class-name').dateTimePicker({
|
36
|
+
onClickOutside: 'OK', // 'OK' or 'cancel'. Which button you want clicking outside to simulate
|
37
|
+
onSelectDate: $.noop, // When user clicks on a date. Passes dateText, datepicker instance, and associate input field as arguments.
|
38
|
+
onSetAlert: $.noop, // passes added alert as argument
|
39
|
+
onRemoveAlert: $.noop, // passes removed alert and alert instance as argument
|
40
|
+
onCancel: $.noop,
|
41
|
+
onOK: $.noop,
|
42
|
+
defaultDate: null,
|
43
|
+
defaultTime: null, // time format to pass in: {hour: 12, minuteOne: 0, minuteTwo: 5, ampm: 'pm'}
|
44
|
+
defaultAlerts: $.noop, // alerts format to pass in: [{time: 5, threshold: 'Mins', data : {'alert-id' : 1}}, {time: 10, threshold: 'Days'}]. Threshold can be of the following ['Mins', 'Hours', 'Days', 'Weeks']
|
45
|
+
insert: null, // css id or function where you want to add the widget
|
46
|
+
hideAlertUI: null // boolean to show and give the ability to add alerts
|
47
|
+
});
|
48
|
+
```
|
49
|
+
|
50
|
+
## Sample
|
51
|
+
|
52
|
+
Coming soon
|
53
|
+
|
54
|
+
## Contributors
|
55
|
+
|
56
|
+
Authors under Big Purple Dot
|
57
|
+
* Aldo Sarmiento
|
58
|
+
* Chris Kendrick
|
59
|
+
* Clifford Simon
|
60
|
+
|
61
|
+
## License
|
62
|
+
|
63
|
+
jquery-datetimepicker is under the MIT license (http://en.wikipedia.org/wiki/MIT_License).
|
@@ -270,11 +270,6 @@
|
|
270
270
|
color: #fff;
|
271
271
|
|
272
272
|
.alert-settings{
|
273
|
-
ul {
|
274
|
-
padding: 0;
|
275
|
-
list-style: none;
|
276
|
-
}
|
277
|
-
|
278
273
|
a{
|
279
274
|
color: #fff !important;
|
280
275
|
}
|
@@ -282,6 +277,8 @@
|
|
282
277
|
>ul{
|
283
278
|
display: inline-block;
|
284
279
|
cursor: pointer;
|
280
|
+
list-style-type: none;
|
281
|
+
padding-left: 0;
|
285
282
|
|
286
283
|
>li{
|
287
284
|
float:left;
|
@@ -293,6 +290,7 @@
|
|
293
290
|
text-align: center;
|
294
291
|
}
|
295
292
|
li.alert-before{
|
293
|
+
height: 37px;
|
296
294
|
background: #3988e9;
|
297
295
|
color: #fff;
|
298
296
|
font-size: 12px;
|
@@ -304,15 +302,17 @@
|
|
304
302
|
|
305
303
|
a{
|
306
304
|
color: #fff;
|
307
|
-
padding:
|
308
|
-
height: 30px;
|
305
|
+
padding: 12px 10px 11px 10px;
|
309
306
|
display: block;
|
307
|
+
text-decoration: none;
|
310
308
|
}
|
311
309
|
|
312
310
|
ul{
|
313
311
|
position: absolute;
|
314
312
|
width: 100%;
|
315
313
|
background: #3988e9;
|
314
|
+
list-style-type: none;
|
315
|
+
padding-left: 0;
|
316
316
|
|
317
317
|
li{
|
318
318
|
a{
|
@@ -327,7 +327,7 @@
|
|
327
327
|
}
|
328
328
|
|
329
329
|
li.add-reminder-time-input{
|
330
|
-
padding:0;
|
330
|
+
padding: 4px 0 3px 0;
|
331
331
|
|
332
332
|
input{
|
333
333
|
height: 25px;
|
@@ -344,9 +344,9 @@
|
|
344
344
|
}
|
345
345
|
|
346
346
|
li.btn-add-alert{
|
347
|
+
padding: 0;
|
347
348
|
font-weight: bold;
|
348
349
|
font-size: 32px;
|
349
|
-
padding: 8px 0;
|
350
350
|
}
|
351
351
|
}
|
352
352
|
}
|