एनजी-बूटस्ट्रैप: क्या NgbInputDatepicker पर इनपुट मान के प्रारूप को बदलने के लिए कस्टम NgbDateParserFormatter को कार्यान्वित करना सही है?

Question

मैं पॉपअप में डेटपिकर (ng-boostrap) का उपयोग कर रहा हूं और मैं दिनांक प्रारूप को 'dd-mm-yyyy' में बदलना चाहता हूं।

यह बताता है कि इसे डिफ़ॉल्ट NgbDateISOParserFormatter को प्रतिस्थापित करने के लिए एक नया NgbDateParserFormatter लागू करने का हल किया जा सकता है।

लेकिन मैं सोच रहा था कि कोई और तरीका है या नहीं।

धन्यवाद, नेल्सन।

अद्यतन:

NgbDateParserFormatter का एक छोटा सा कार्यान्वयन moment.js का उपयोग कर

import {NgbDateParserFormatter, NgbDateStruct} from '@ng-bootstrap/ng-bootstrap'; 
import * as moment from 'moment'; 

export class NgbDateMomentParserFormatter extends NgbDateParserFormatter { 
    constructor(private momentFormat: string) { 
     super(); 
    }; 
    format(date: NgbDateStruct): string { 
     if (date === null) { 
      return ''; 
     } 
     let d = moment({ year: date.year, 
         month: date.month - 1, 
         date: date.day }); 
     return d.isValid() ? d.format(this.momentFormat) : ''; 
    } 

    parse(value: string): NgbDateStruct { 
     if (!value) { 
      return null; 
     } 
     let d = moment(value, this.momentFormat); 
     return d.isValid() ? { year: d.year(), 
           month: d.month() + 1, 
           day: d.date() } : null; 
    } 
} 

और एक मॉड्यूल में (एनजी-बूटस्ट्रैप के संस्करण 1.0.0-alpha.14 के साथ परीक्षण), तो आप में शामिल पैरामीटर के रूप में दिनांक प्रारूप को इंगित करने के लिए एक कारखाने का उपयोग कर प्रदाता।

--- 

@NgModule({ 

    --- 

    providers: [ 
    { 
     provide: NgbDateParserFormatter, 
     useFactory:() => { return new NgbDateMomentParserFormatter("DD-MM-YYYY") } 
    } 
    ] 

    --- 

}) 

Answer 1

आज एक कस्टम NgbDateParserFormatter को लागू करने के रूप में जाने के लिए सबसे अच्छा तरीका है। तो हाँ, यह एक सही तरीका है।

भविष्य में हमारे पास NgbDateParserFormatter का एक अधिक परिष्कृत कार्यान्वयन हो सकता है जहां आप केवल वांछित प्रारूप (उदा। yyyy-MM-dd) पास कर पाएंगे। इस सुविधा को जोड़ना उपयोगकर्ता के हित पर निर्भर करेगा।

तुम भी https://github.com/ng-bootstrap/ng-bootstrap/issues/754#issuecomment-247767027