From 803782692b4ea733a1f21ab47f7bcc9c774d4360 Mon Sep 17 00:00:00 2001 From: Andrew Rowls Date: Sun, 18 Mar 2012 23:32:44 -0400 Subject: [PATCH] Remove all syntax highlighting from the README for cross-service (github, bitbucket) compatibility. --- README.md | 212 ++++++++++++++++++++++++------------------------------ 1 file changed, 95 insertions(+), 117 deletions(-) diff --git a/README.md b/README.md index 49639a4..ae0e8f9 100644 --- a/README.md +++ b/README.md @@ -6,101 +6,88 @@ http://www.eyecon.ro/bootstrap-datepicker/ Attached to a field with the format specified via options: -```html - -``` + ###### -```javascript -$('#datepicker').datepicker({ - format: 'mm-dd-yyyy' -}); -``` + $('#datepicker').datepicker({ + format: 'mm-dd-yyyy' + }); + Attached to a field with the format specified via data tag: -```html - -``` + ###### -```javascript -$('#datepicker').datepicker(); -``` + $('#datepicker').datepicker(); + As component: -```html -
- - -
-``` +
+ + +
###### -```javascript -$('#datepicker').datepicker(); -``` + $('#datepicker').datepicker(); + Attached to non-field element, using events to work with the date values. -```html -
- Oh snap! -
- - - - - - - - - - - - - -
- Start date - Change - - End date - Change -
2012-02-202012-02-25
-``` +
+ Oh snap! +
+ + + + + + + + + + + + + +
+ Start date + Change + + End date + Change +
2012-02-202012-02-25
###### -```javascript -var startDate = new Date(2012,1,20); -var endDate = new Date(2012,1,25); -$('#date-start') - .datepicker() - .on('changeDate', function(ev){ - if (ev.date.valueOf() > endDate.valueOf()){ - $('#alert').show().find('strong').text('The start date must be before the end date.'); - } else { - $('#alert').hide(); - startDate = new Date(ev.date); - $('#date-start-display').text($('#date-start').data('date')); - } - $('#date-start').datepicker('hide'); + var startDate = new Date(2012,1,20); + var endDate = new Date(2012,1,25); + $('#date-start') + .datepicker() + .on('changeDate', function(ev){ + if (ev.date.valueOf() > endDate.valueOf()){ + $('#alert').show().find('strong').text('The start date must be before the end date.'); + } else { + $('#alert').hide(); + startDate = new Date(ev.date); + $('#date-start-display').text($('#date-start').data('date')); + } + $('#date-start').datepicker('hide'); + }); + $('#date-end') + .datepicker() + .on('changeDate', function(ev){ + if (ev.date.valueOf() < startDate.valueOf()){ + $('#alert').show().find('strong').text('The end date must be after the start date.'); + } else { + $('#alert').hide(); + endDate = new Date(ev.date); + $('#date-end-display').text($('#date-end').data('date')); + } + $('#date-end').datepicker('hide'); + }); }); -$('#date-end') - .datepicker() - .on('changeDate', function(ev){ - if (ev.date.valueOf() < startDate.valueOf()){ - $('#alert').show().find('strong').text('The end date must be after the start date.'); - } else { - $('#alert').hide(); - endDate = new Date(ev.date); - $('#date-end-display').text($('#date-end').data('date')); - } - $('#date-end').datepicker('hide'); - }); -}); -``` + # Using bootstrap-datepicker.js Call the datepicker via javascript: -```javascript -$('.datepicker').datepicker() -``` + $('.datepicker').datepicker() + ## Options ### format @@ -137,12 +124,11 @@ Whether or not to close the datepicker immediately when a date is selected. Format a component. -```html -
- - -
-``` +
+ + +
+ ## Methods ### .datepicker(options) @@ -155,27 +141,24 @@ Arguments: None Show the datepicker. -```javascript -$('#datepicker').datepicker('show'); -``` + $('#datepicker').datepicker('show'); + ### hide Arguments: None Hide the datepicker. -```javascript -$('#datepicker').datepicker('hide'); -``` + $('#datepicker').datepicker('hide'); + ### update Arguments: None Update the datepicker with the current input value. -```javascript -$('#datepicker').datepicker('update'); -``` + $('#datepicker').datepicker('update'); + ### setStartDate Arguments: @@ -184,15 +167,13 @@ Arguments: Sets a new lower date limit on the datepicker. -```javascript -$('#datepicker').datepicker('setStartDate', '2012-01-01'); -``` + $('#datepicker').datepicker('setStartDate', '2012-01-01'); + Omit startDate (or provide an otherwise falsey value) to unset the limit. -```javascript -$('#datepicker').datepicker('setStartDate'); -$('#datepicker').datepicker('setStartDate', null); -``` + $('#datepicker').datepicker('setStartDate'); + $('#datepicker').datepicker('setStartDate', null); + ### setEndDate Arguments: @@ -201,15 +182,13 @@ Arguments: Sets a new upper date limit on the datepicker. -```javascript -$('#datepicker').datepicker('setEndDate', '2012-12-31'); -``` + $('#datepicker').datepicker('setEndDate', '2012-12-31'); + Omit endDate (or provide an otherwise falsey value) to unset the limit. -```javascript -$('#datepicker').datepicker('setEndDate'); -$('#datepicker').datepicker('setEndDate', null); -``` + $('#datepicker').datepicker('setEndDate'); + $('#datepicker').datepicker('setEndDate', null); + ## Events Datepicker class exposes a few events for manipulating the dates. @@ -226,12 +205,11 @@ Fired when the date picker is hidden. Fired when the date is changed. -```javascript -$('#date-end') - .datepicker() - .on('changeDate', function(ev){ - if (ev.date.valueOf() < date-start-display.valueOf()){ - .... - } - }); -``` + $('#date-end') + .datepicker() + .on('changeDate', function(ev){ + if (ev.date.valueOf() < date-start-display.valueOf()){ + .... + } + }); +