0
votes

Comment envoyer des données dans dd.mm.yy format?

J'ai un filtre par date. À DatePicker, la date doit être affichée dans le format actuellement défini. Mais lors de l'envoi d'une date, la date doit être dans le format dd.mm.yy code> (24.07.19).

envoyé dans ce format: p>

export const FORMAT = {
  parse: {
    dateInput: 'LL',
  },
  display: {
    dateInput: 'LL',
    monthYearLabel: 'MMM YY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'MMMM YY',
  }
}

@Component({
  ...
  providers: [
    { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
    { provide: MAT_DATE_FORMATS, useValue: FORMAT }
  ]
})

angular angular-material

1 commentaires

Qu'essayez-vous? Je vous donnerai un indice: vous pouvez utiliser le modèle adaptateur avec du matériel angulaire.

6 Réponses :

0
votes

Vous pouvez utiliser modèle d'adaptateur avec matériau angulaire.
Pour modifier le format de la date, vous pouvez implémenter ces fonctions JavaScript à l'intérieur d'une classe TypeScript Helper, par exemple.

function to2digit(n) {
    return ('00' + n).slice(-2);
}

function toCustomDateFormat(date) {
    if (!date) {
      return '';
    }
    const day = date.getDate();
    const month = date.getMonth() + 1;
    const year = date.getFullYear();
    return `${to2digit(day)}.${to2digit(month)}.${to2digit(year)}`;
}

const dateNow = new Date();

console.log(`${dateNow} => ${toCustomDateFormat(dateNow)}`);

0 commentaires

1
votes

Vous pouvez définir un tuyau personnalisé qui s'étend datationpipe comme ceci: xxx

puis l'injectant dans le constructeur de votre composant et en utilisant, par exemple, comme ceci: xxx



                                                                    
                                    
                                    
                                        0 commentaires


                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Vous pouvez utiliser le moment JS pour reformater la chaîne de date comme suit:  xxx  
 puis transmet la chaîne de date reformée.                                  

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Vous pouvez passer simplement cette  Exemple de travail  
<h4>format dd.mm.yyyy hh24:mi:ss </h4>
<h4>{{ format1 }} </h4>

<h4>formated your dd.mm.yyyy </h4>
<h4>{{ format2 }} </h4>

<p>Date : {{date}}</p>

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Vous pouvez utiliser Inbuild Datepipe:  xxx  
   working_demo                                    


                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Mon code est 
 .TS  P> 
export class ... {
     get date(): any { return this.Form.get('date'); } /* get value from <mat-form-field> */

  onSubmit() {
     const formatdate = moment(this.date.value).format('DD-MM-YYYY');
     console.log(formatdate );
  }
}

                                

                                                                    
                                    
                                    
                                        0 commentaires


            
                
		    
                    Articles qui pourrait vous intéresser :
                                            
                            Impossible d'importer le module "@ angular / material"                        
                        
                                            
                            Erreur de compilation angulaire: NG6001: la classe est répertoriée dans les déclarations du NgModule 'AppModule', mais n'est pas une directive, un composant ou un tube                        
                        
                                            
                            erreur NG6002: apparaît dans le NgModule.imports d'AppModule, mais n'a pas pu être résolu en une classe NgModule                        
                        
                                            
                            [ng update]: Erreur - Le package "@ angular-devkit / schematics" ne peut pas être résolu à partir du répertoire racine de l'espace de travail