jquery-datetimepicker 0.0.8 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
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
|
}
|