Skip to content
This repository was archived by the owner on Dec 26, 2019. It is now read-only.

Commit 85ff666

Browse files
committed
Add support for language option
1 parent 0f714c4 commit 85ff666

File tree

2 files changed

+25
-9
lines changed

2 files changed

+25
-9
lines changed

README.md

Lines changed: 23 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,10 @@ The component supports many options of the bootstrap-datepicker library:
2121

2222
* **autoclose**, default value `true`
2323
* **format**, default value `dd.mm.yyyy`
24-
* **weekStart**, default value 1 (Monday)
25-
* **todayHighlight**, default value `false`
24+
* **language**, default value `en`
2625
* **todayBtn**, default value `false`
26+
* **todayHighlight**, default value `false`
27+
* **weekStart**, default value 1 (Monday)
2728

2829
Let me show you how to use all these options.
2930

@@ -36,13 +37,27 @@ Autoclose:
3637
Format:
3738

3839
```handlebars
39-
{{bootstrap-datepicker value=expiresAt format='dd/mm/yy'}}
40+
{{bootstrap-datepicker value=expiresAt format="dd/mm/yy"}}
4041
```
4142

42-
weekStart:
43+
language:
44+
45+
Default locale is `en`. When you need another language, you should import a locale file, e.g.
46+
47+
```javascript
48+
// Brocfile.js
49+
50+
app.import('bower_components/bootstrap-datepicker/js/locales/bootstrap-datepicker.de.js');
51+
```
4352

4453
```handlebars
45-
{{bootstrap-datepicker value=expiresAt weekStart=0}}
54+
{{bootstrap-datepicker value=expiresAt language="de"}}
55+
```
56+
57+
todayBtn:
58+
59+
```handlebars
60+
{{bootstrap-datepicker value=expiresAt todayBtn=true}}
4661
```
4762

4863
todayHighlight:
@@ -51,16 +66,16 @@ todayHighlight:
5166
{{bootstrap-datepicker value=expiresAt todayHighlight=true}}
5267
```
5368

54-
todayBtn:
69+
weekStart:
5570

5671
```handlebars
57-
{{bootstrap-datepicker value=expiresAt todayBtn=true}}
72+
{{bootstrap-datepicker value=expiresAt weekStart=0}}
5873
```
5974

6075
All options at once:
6176

6277
```handlebars
63-
{{bootstrap-datepicker value=expiresAt autoclose=false format='dd/mm/yy' weekStart=0 todayHighlight=true todayBtn=true}}
78+
{{bootstrap-datepicker value=expiresAt autoclose=false format="dd/mm/yy" language="de" todayBtn=true todayHighlight=true weekStart=0}}
6479
```
6580

6681
## Contributing

addon/components/bootstrap-datepicker.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,8 @@ export default Ember.Component.extend({
1414
format: this.get('format') || 'dd.mm.yyyy',
1515
weekStart: this.get('weekStart') || 1,
1616
todayHighlight: this.get('todayHighlight') || false,
17-
todayBtn: this.get('todayBtn') || false
17+
todayBtn: this.get('todayBtn') || false,
18+
language: this.get('language') || 'en'
1819
}).
1920
on('changeDate', function(event) {
2021
Ember.run(function() {

0 commit comments

Comments
 (0)