How do I translate the datepicker?











up vote
0
down vote

favorite












I am using angular2-datepicker.I am trying to translate the year and days which shown in the popup.Can anyone help me to sort this out?



enter image description here



.html



<div>
<my-date-picker name="startdate" [options]="startDateOptions" placeholder="
{{'SELECT_START_DATE'|translate}}" (dateChanged)="onStartDateChanged($event)" required></my-date-picker>
</div>


.ts



public startDateOptions: IMyDpOptions = {
dateFormat: 'dd/mm/yyyy',
editableDateField: false,
openSelectorOnInputClick: true,
firstDayOfWeek: 'su',
satHighlight: true,
selectionTxtFontSize: '13px',
height: '26px',
disableSince: this.getCurrentDate()
};
public endDateOptions: IMyDpOptions = this.startDateOptions;









share|improve this question
























  • translate the year and dates? what do you mean ?
    – AIqbalRaj
    Nov 8 at 10:25










  • The above image shows the date picker.I want to translate the month (for eg nov into other language), day and the text today.
    – ancy
    Nov 8 at 10:31










  • Did you use monthLabels ?
    – Omurbek Kadyrbekov
    Nov 8 at 10:33










  • No.By default the monthlabel is shown
    – ancy
    Nov 8 at 10:34






  • 1




    ex: monthLabels: { 1: 'First month', 2: 'second month', ... , 12: 'Last month' }
    – Omurbek Kadyrbekov
    Nov 8 at 10:36















up vote
0
down vote

favorite












I am using angular2-datepicker.I am trying to translate the year and days which shown in the popup.Can anyone help me to sort this out?



enter image description here



.html



<div>
<my-date-picker name="startdate" [options]="startDateOptions" placeholder="
{{'SELECT_START_DATE'|translate}}" (dateChanged)="onStartDateChanged($event)" required></my-date-picker>
</div>


.ts



public startDateOptions: IMyDpOptions = {
dateFormat: 'dd/mm/yyyy',
editableDateField: false,
openSelectorOnInputClick: true,
firstDayOfWeek: 'su',
satHighlight: true,
selectionTxtFontSize: '13px',
height: '26px',
disableSince: this.getCurrentDate()
};
public endDateOptions: IMyDpOptions = this.startDateOptions;









share|improve this question
























  • translate the year and dates? what do you mean ?
    – AIqbalRaj
    Nov 8 at 10:25










  • The above image shows the date picker.I want to translate the month (for eg nov into other language), day and the text today.
    – ancy
    Nov 8 at 10:31










  • Did you use monthLabels ?
    – Omurbek Kadyrbekov
    Nov 8 at 10:33










  • No.By default the monthlabel is shown
    – ancy
    Nov 8 at 10:34






  • 1




    ex: monthLabels: { 1: 'First month', 2: 'second month', ... , 12: 'Last month' }
    – Omurbek Kadyrbekov
    Nov 8 at 10:36













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I am using angular2-datepicker.I am trying to translate the year and days which shown in the popup.Can anyone help me to sort this out?



enter image description here



.html



<div>
<my-date-picker name="startdate" [options]="startDateOptions" placeholder="
{{'SELECT_START_DATE'|translate}}" (dateChanged)="onStartDateChanged($event)" required></my-date-picker>
</div>


.ts



public startDateOptions: IMyDpOptions = {
dateFormat: 'dd/mm/yyyy',
editableDateField: false,
openSelectorOnInputClick: true,
firstDayOfWeek: 'su',
satHighlight: true,
selectionTxtFontSize: '13px',
height: '26px',
disableSince: this.getCurrentDate()
};
public endDateOptions: IMyDpOptions = this.startDateOptions;









share|improve this question















I am using angular2-datepicker.I am trying to translate the year and days which shown in the popup.Can anyone help me to sort this out?



enter image description here



.html



<div>
<my-date-picker name="startdate" [options]="startDateOptions" placeholder="
{{'SELECT_START_DATE'|translate}}" (dateChanged)="onStartDateChanged($event)" required></my-date-picker>
</div>


.ts



public startDateOptions: IMyDpOptions = {
dateFormat: 'dd/mm/yyyy',
editableDateField: false,
openSelectorOnInputClick: true,
firstDayOfWeek: 'su',
satHighlight: true,
selectionTxtFontSize: '13px',
height: '26px',
disableSince: this.getCurrentDate()
};
public endDateOptions: IMyDpOptions = this.startDateOptions;






angular datepicker angular-translate angular4-forms






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 8 at 10:29

























asked Nov 8 at 10:13









ancy

406




406












  • translate the year and dates? what do you mean ?
    – AIqbalRaj
    Nov 8 at 10:25










  • The above image shows the date picker.I want to translate the month (for eg nov into other language), day and the text today.
    – ancy
    Nov 8 at 10:31










  • Did you use monthLabels ?
    – Omurbek Kadyrbekov
    Nov 8 at 10:33










  • No.By default the monthlabel is shown
    – ancy
    Nov 8 at 10:34






  • 1




    ex: monthLabels: { 1: 'First month', 2: 'second month', ... , 12: 'Last month' }
    – Omurbek Kadyrbekov
    Nov 8 at 10:36


















  • translate the year and dates? what do you mean ?
    – AIqbalRaj
    Nov 8 at 10:25










  • The above image shows the date picker.I want to translate the month (for eg nov into other language), day and the text today.
    – ancy
    Nov 8 at 10:31










  • Did you use monthLabels ?
    – Omurbek Kadyrbekov
    Nov 8 at 10:33










  • No.By default the monthlabel is shown
    – ancy
    Nov 8 at 10:34






  • 1




    ex: monthLabels: { 1: 'First month', 2: 'second month', ... , 12: 'Last month' }
    – Omurbek Kadyrbekov
    Nov 8 at 10:36
















translate the year and dates? what do you mean ?
– AIqbalRaj
Nov 8 at 10:25




translate the year and dates? what do you mean ?
– AIqbalRaj
Nov 8 at 10:25












The above image shows the date picker.I want to translate the month (for eg nov into other language), day and the text today.
– ancy
Nov 8 at 10:31




The above image shows the date picker.I want to translate the month (for eg nov into other language), day and the text today.
– ancy
Nov 8 at 10:31












Did you use monthLabels ?
– Omurbek Kadyrbekov
Nov 8 at 10:33




Did you use monthLabels ?
– Omurbek Kadyrbekov
Nov 8 at 10:33












No.By default the monthlabel is shown
– ancy
Nov 8 at 10:34




No.By default the monthlabel is shown
– ancy
Nov 8 at 10:34




1




1




ex: monthLabels: { 1: 'First month', 2: 'second month', ... , 12: 'Last month' }
– Omurbek Kadyrbekov
Nov 8 at 10:36




ex: monthLabels: { 1: 'First month', 2: 'second month', ... , 12: 'Last month' }
– Omurbek Kadyrbekov
Nov 8 at 10:36

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53205560%2fhow-do-i-translate-the-datepicker%23new-answer', 'question_page');
}
);

Post as a guest





































active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















 

draft saved


draft discarded



















































 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53205560%2fhow-do-i-translate-the-datepicker%23new-answer', 'question_page');
}
);

Post as a guest




















































































Popular posts from this blog

Landwehr

Reims

Schenkenzell