Comment Inclure moment-timezone Angulaire 2 App

Je me rends compte, cette question est répétée, mais les précédentes une fois ne pas fournir apt répondre
moment package est déjà installé

1.Paquet installé

npm install moment-timezone-enregistrer

À l'intérieur de node_modules répertoire

|
|--moment
|- moment-timezone

répertoires présents

2.
Index.html script inclus

<script src="node_modules/moment-timezone/moment-timezone.js"></script>

System.config.js

  var map = {
    'moment':             'node_modules/moment',
    'momentzone':         'node_modules/moment-timezone'
  };
  var packages = {
    'moment':             { defaultExtension: 'js' },
    'momentzone':         { defaultExtension: 'js' }
  };

3.À l'intérieur du composant.fichier ts

import * as moment from 'moment/moment';

export class TimeComponent implements OnInit{
   ngOninit(){
         console.log(moment("2014-06-01T12:00:00Z").tz('America/Los_Angeles').format('ha z'));

   }
}

Ce qui doit être importé à prévenir erreur
Propriété tz n'existe pas sur le type "Moment"

Pouvez-vous importer moment de momentzone
importation * en tant que moment de "moment/moment'_____________________ importation moment1 de " momentzone provoquant l'erreur, Impossible de trouver le module 'momentzone'
Essayez moment-timezone et si il trouve au moment de la compilation, puis mise à jour de th système.config pour avoir le nom correct
Si le module uniquement a des effets secondaires, import 'momentzone'; devrait suffire.
Avez-vous installé typings typings install --enregistrer le moment

OriginalL'auteur Sandeep Chikhale | 2016-07-30

Cela peut vous aider.

Exécuter la commande Suivante pour angulaires-cli ou npm install.

sudo npm install moment moment-timezone-enregistrer

npm install @types de/du moment @types/moment-timezone --save-dev

pour la ngp systemjs.config.js

   map: {
        'moment': 'npm:moment',
        'moment-timezone': 'npm:moment-timezone/builds'
      }
packages: { 
      'moment': {
          main: './moment.js',
          defaultExtension: 'js'
       },
      'moment-timezone': {
        main: './moment-timezone-with-data-2010-2020.min.js',
        defaultExtension: 'js'
      }
}

où jamais vous voulez utiliser le temps de la zone .fichier ts

import * as moment from 'moment-timezone';

@Component({
  selector: 'my-app',
  template: `<h1>Hello {{name}}</h1>`,
})

export class AppComponent {    
  name = 'Angular';
  jun = moment();//creating obj.
  constructor() {
    this.jun.tz('America/Los_Angeles').format('hh : mm : ss a z');
    console.log(this.jun.tz('America/Los_Angeles').format('hh : mm : ss a z'));
    console.log(moment.tz.names()); //for all time zone.
  }

Fabuleux, il contient toutes les étapes nécessaires à ce travail.
pourquoi sudo pour npm install? ne devrait-ce pas être évitée?
cela ne fonctionne pas pour moi. Pourrait-il être l'time-zone.js version de développement a des bugs? Il se plaint de la fonction "attendu" lors de la frappe de la ligne "jun=moment()";
devrait être jun = moment; en juin 2018.

OriginalL'auteur vishvas chauhan

16

Mis à jour Angulaire 4

Installer moment-timezone sur votre ligne de commande:
```
npm i -S moment-timezone
```
Importation moment-timezone dans votre composant:
```
import * as moment from 'moment-timezone';
```
Utiliser selon docs:
```
this.time = moment().tz('America/New_York').format('HH:mm:ss z')
```
16:20:42 EDT

docs

moment docs

moment fuseau horaire docs

remarque: moment a été intentionnellement n'est pas installé ou importés en tant qu'il est une dépendance de moment-timezone.

Merci de poster cette réponse. Vraiment aidé. Je suis dans la CST et lorsque j'appelle le moment().tz.deviner (), il est toujours de me donner "America/New_York'. Comment obtenir le bon fuseau horaire ( pour moi sa CST )

OriginalL'auteur Matt
1

Pour installer moment-timezone Angulaire en 2018:
1. Installer moment.js et moment-timezone
  
  npm install moment moment-timezone @types/moment-timezone --save
2. Importation de ces modules dans votre .fichier ts
  
  import * as moment from 'moment'; import 'moment-timezone';
Github question: Comment faire pour résoudre le 'tz' erreur de construction.

OriginalL'auteur vulp
0

Que le message d'erreur indique que le fichier d'enregistrement compilateur ne peut pas trouver le .tz(...) méthode sur moment's les définitions de type (typings).

Tout ce que vous avez à faire est d'installer moment-timezone's typings, il ajoute tz à moment().

(Généralement, vous installer typings pour tous les lib que vous allez utiliser. Le truc, c'est que certains, comme angulaires et moment, ont leur définition de type de fichiers intégré dans le libs' des sources elles-mêmes, ainsi vous libérer de la nécessité d'installer leur typings.)

Donc, comme l'a dit, il suffit d'installer moment-timezone's typings:
```
# if you have typings version 1.X.X
typings install moment-timezone --save --global

# if you have typings version 0.X.X
typings install moment-timezone --save --ambient
```
Et tout devrait fonctionner... si vous faites une chose de plus:

Renommer vos configs de momentzone à moment-timezone (et ajouter le .js fichiers):
```
var map = {
    'moment':                  'node_modules/moment/moment.js',
    'moment-timezone':         'node_modules/moment-timezone/moment-timezone.js'
};
var packages = {
    'moment':                  { defaultExtension: 'js' },
    'moment-timezone':         { defaultExtension: 'js' }
};
```
Qui est nécessaire parce que le nom que vous utilisez ici, c'est le nom que vous allez utiliser dans le import. Et le nom que vous utilisez dans le import est le nom de la machine compilateur utilisera pour trouver les définitions de type. Et le typings vous avez installé définir un module appelé moment-timezone, pas momentzone.

Après cela, utilisez:
```
import * as moment from 'moment';
import 'moment-timezone'; //since this module only has side-effects, this is enough
```
Qui devrait être tout.

PS.: Dans les paramètres ci-dessus, le compilateur va chercher moment's typings de moment's source ET moment-timezone's typings (le tz fonction) de la DefinitelyTyped référentiel (typings.json).

Parfois, cependant, ils ne pas jouer gentil. Si cela vous arrive, vous aurez à remplacer moment's typings à partir de la source avec moment's typings de la DefinitelyTyped référentiel (typings.json).

En d'autres mots:
```
# Only do this if installing moment-timezone alone didn't work...

# if you have typings version 1.X.X
typings install moment moment-timezone --save --global

# if you have typings version 0.X.X
typings install moment moment-timezone --save --ambient
```
Résolu presque tous les problème, mais si je l'importation moment-timezone'; puis application ne se charge pas avec l'erreur Erreur: XHR d'erreur (404 not Found) de chargement localhost:3000/node_modules/du moment(...) et ne sont pas inclus tz donnera l'erreur. s'il vous plaît aider
Qu'en est-il?<>
pourriez-vous préciser ce que vous entendez par <>
typings installer moment moment-timezone --save --global --- si j'exécute cette erreur vient---- typings AVERTIR hastypings Typings pour le "moment" existent déjà dans "node_modules\momnt\moment.d.ts". Vous devriez laisser Tapuscrit résoudre le emballés typings et de désinstaller la copie installée par Typings
<> était juste une faute de frappe, désolé

OriginalL'auteur acdcjunior
0

J'ai eu le même problème, et fait tout ce qu'acdcjunior suggéré, mais également installer la typings pour le moment-nœud:
```
typings install dt~moment-node --save --global
```
Après avoir fait cela, il a travaillé comme un charme.

résolu une partie du problème après l'ajout de votre typings inclus, mais en lui donnant erreur erreur: XHR d'erreur (404 not Found) de chargement localhost:3000/node_modules/du moment(...) si l'importation moment-timezone'; s'il vous Plaît aider

OriginalL'auteur Josh Garwood

Vous devez vous connecter pour publier un commentaire.

Mis à jour Angulaire 4

docs