कोणीय 2 सामग्री 2 डेटपिकर - आउटपुट दिनांक प्रारूप

Question

मैं अपने कोणीय 4 प्रोजेक्ट में https://material.angular.io/components/component/datepicker का उपयोग कर रहा हूं। मैं "मई 2 9, 2017" जैसे छोटे प्रारूप के साथ इनपुट बॉक्स में चयनित दिनांक को कैसे प्रारूपित कर सकता हूं। वर्तमान में यह 29/05/2017

नमूना कोड के रूप में प्रदर्शित किया जाता है:

<md-input-container> 
    <input mdInput readonly="true" [mdDatepicker]="startDatePicker" [mdDatepickerFilter]="myFilter" [min]="minDate" [max]="maxDate" class="date-text ng-dirty ng-valid-parse ng-touched ng-not-empty ng-valid ng-valid-required" placeholder="Choose a date"> 
    <button mdSuffix [mdDatepickerToggle]="startDatePicker" class="date-icon"></button> 
</md-input-container> 

<md-datepicker #startDatePicker [dateFormat]="'LL'" startView="month" [startAt]="currentDate"></md-datepicker> 

टीएस:

@ViewChild('startDatePicker') startDatePicker: MdDatepicker<Date>; 

पी एस। [dateFormat] = "'एलएल'" काम नहीं कर रहा है

Answer 1

आप आसानी से इस समय प्रारूप प्रारूप सेट नहीं कर सकते हैं। सामग्री 2 डेटपिकर API में ऐसी कोई संपत्ति नहीं है और प्रारूप को बदलने का एकमात्र उचित तरीका है अपने DateAdapter कार्यान्वयन प्रदान करना। आधिकारिक दस्तावेज इसके बारे में कोई निर्देश नहीं प्रदान करता है। अभी केवल एक मूल implementetion है जो लोकेल के अनुसार प्रारूपों को परिभाषित करता है। इसके बारे में कई शिकायतें हैं और अधिक एडाप्टर जल्द ही आना चाहिए। आप this समस्या-थ्रेड से पल.जेएस पर आधारित एक का उपयोग करने का प्रयास कर सकते हैं या बस प्रतीक्षा करें।

आप अपने डेटपिकर में विभिन्न प्रारूप प्राप्त करने के लिए स्थानीय लोगों के साथ भी खेल सकते हैं। लेकिन यह सिर्फ एक वैकल्पिक हल है जब तक एक उचित आधिकारिक समाधान आता है:

export class AppModule { 
    constructor(private dateAdapter:DateAdapter<Date>) { 
    dateAdapter.setLocale('de'); // DD.MM.YYYY 
    } 
} 

Answer 2

मैं नहीं बल्कि उस के लिए मॉड्यूल प्रदाताओं का उपयोग करेंगे:

@NgModule({ 
... 
providers: [ 
    { provide: LOCALE_ID, useValue: navigator.language } 
    ... 
    ] 
}) 
export class AppModule { } 

या आप द्वारा navigator.language जगह ले सकता है '' डे उपरोक्त के रूप में प्राप्त करने के लिए।