2013-09-06 7 views
0

J'ai un jsfiddle here.Mise en œuvre Moment.js et Moment Timezone

Il est vide parce que je suis en train de faire ne fonctionne pas ...

J'ai appelé les scripts externes appropriés. J'essaie de mettre en œuvre cette bibliothèque incroyable sur mon site, mais je ne suis pas sûr de ce que je fais mal.

Finalement, j'ai besoin d'afficher les fuseaux horaires pour différentes parties des États-Unis, en fonction de l'état cliqué sur.

J'ai inclus la bibliothèque principale, la bibliothèque moment-timezone et mon fichier de données de moment-fuseau horaire. Voilà comment l'apparence de fichiers de données (tiré à partir Timezone Data Builder)

moment.tz.add({ 
    "zones": { 
     "America/Los_Angeles": [ 
      "-7:52:58 - LMT 1883_10_18_12_7_2 -7:52:58", 
      "-8 US P%sT 1946 -8", 
      "-8 CA P%sT 1967 -8", 
      "-8 US P%sT" 
     ] 
    }, 
    "rules": { 
     "US": [ 
      "1918 1919 2 0 8 2 0 1 D", 
      "1918 1919 9 0 8 2 0 0 S", 
      "1942 1942 1 9 7 2 0 1 W", 
      "1945 1945 7 14 7 23 1 1 P", 
      "1945 1945 8 30 7 2 0 0 S", 
      "1967 2006 9 0 8 2 0 0 S", 
      "1967 1973 3 0 8 2 0 1 D", 
      "1974 1974 0 6 7 2 0 1 D", 
      "1975 1975 1 23 7 2 0 1 D", 
      "1976 1986 3 0 8 2 0 1 D", 
      "1987 2006 3 1 0 2 0 1 D", 
      "2007 9999 2 8 0 2 0 1 D", 
      "2007 9999 10 1 0 2 0 0 S" 
     ], 
     "CA": [ 
      "1948 1948 2 14 7 2 0 1 D", 
      "1949 1949 0 1 7 2 0 0 S", 
      "1950 1966 3 0 8 2 0 1 D", 
      "1950 1961 8 0 8 2 0 0 S", 
      "1962 1966 9 0 8 2 0 0 S" 
     ] 
    }, 
    "links": {} 
}); 

Et voici l'appel au script ...

<body> 
    <script> 
     moment().tz("America/Los_Angeles").format("h:mm a") 
    </script> 
</body> 

Quelques conseils serait génial ici!

+0

Salut, je serais heureux de vous aider mais le lien que vous avez posté n'est pas [jsfiddle] (http://jsfiddle.net/). Quoi qu'il en soit, il faut un nom d'utilisateur et un mot de passe, donc je ne peux pas le voir. –

+0

Je m'excuse complètement pour ça. Je me sens mal. J'ai mis à jour le lien avec jsfiddle. – webfrogs

+0

Toujours pas de go. Je pense que vous incluez des ressources externes de votre propre site Web qui est protégé par mot de passe. En tout cas, c'est probablement ce que j'ai décrit dans ma réponse ci-dessous. –

Répondre

3

Il se peut que vous ne fassiez rien avec la sortie. Essayez quelque chose comme:

<div id="foo"></div> 
<script> 
    var s = moment().tz("America/Los_Angeles").format("h:mm a"); 
    document.getElementById("foo").innerHTML = s; 
</script> 

Bien sûr, ce que vous en fait faire avec elle dépendra de votre application.

+0

Okay. Ça a marché. J'ai upvoted votre réponse pour cela, mais je ne veux pas de popup ... Je veux simplement afficher dans un div que j'ai créé. – webfrogs

+0

Mis à jour. Ce serait pour tout javascript. Il existe d'autres moyens, tels que jQuery. Mais rien de spécial ici pour moment.js - c'est juste une chaîne. –

+0

Cela a fini par me donner un écran complètement vide. Je joue avec ça maintenant. – webfrogs