formatear el tiempo momento-vue zona horaria

En primer lugar, el proyecto de paquete-lock.json configurar momento-zona horaria

{
   "Name": "tablero de control" ,
   "versión": "0.1.0" ,
   "lockfileVersion": 1 ,
   "requiere": true ,
   "dependencias" : { 
....... 
         "momento-zona horaria": { 
      "versión": "0.5.28", 
      "resuelto": "http://r.cnpmjs.org/moment-timezone/download/moment-timezone-0.5.28.tgz", 
      "integridad": "sha1-8JPXidCR7XsFXYKqgagkZ / cuQzg =", 
      "requiere": { 
        "momento": "> = 2.9.0" 
      } 
    }, 
........ 
 } 
}

En segundo lugar, el proyecto package.json

{
   "Name": "tablero de control" ,
   "versión": "0.1.0" ,
   "privado": true ,
   "scripts" : {
     "servir": "vue-cli-servicios de servir" ,
     "acumulación": "vue- cli-build service" ,
     "pelusa": "pelusa vue-cli-servicio" 
  },
   "dependencias" : {
     "núcleo-js": "^ 3.6.4" ,
     "elemento-ui": "^ 2.13.0" ,
     "js-cookie": "^ 2.2.1" ,
     "JWT-decodificar": "^ 2.2.0" ,
     "momento ": "^ 2.24.0" ,
     "momento-zona horaria": "^ 0.5.28",
     "vue": "^ 2.6.10" ,
     "vue-cabeza llena": "^ 2.1.0",
     "Vue-i18n": "^ 8.15.3" ,
     "vue-momento": "^ 4.1.0" ,
     "vue-enrutador": "^ 3.1.5" ,
     "vuex": "^ 3.1.2" 
  }, 
...... 
}

En tercer lugar, los principales js proyectar dentro de la importación y exportación

importación de Vue "vue" ; 
VueMoment importación de "vue-momento" ;
importar momento de "momento-zona horaria" ; 
importación "momento / locale / zh-cn" ; 
importación ElementUI de "elemento-ui" ; 
importación cabeza llena de "vue-cabeza llena" ; 

Vue.use (VueMoment, { 
  momento 
}); 
Vue.use (ElementUI); 
Vue.component ( "cabeza-ful" , cabeza llena); 

exportar DATE_FORMAT const = "aaaa-MM-dd" ; 
exportación const ALL = "all" ;
exportar TIMESTAMP_FORMAT const = "
= Const TIMESTAMP_DATE_FORMAT Exportar "el MM-DD-AAAA"; // esto es específico para el día

En cuarto lugar, la aplicación de la página

< Plantilla > 
...... 
< el-table-column etiqueta = "更新于" ancho = "110" > 
          < plantilla ranura-scope = "alcance" > {{scope.row.fytjdwgl.updatedAt | Actualmente (TIMESTAMP_FORMAT) }} </ plantilla > 
        </ el-table-column > 
..... 
</ plantilla > 

< secuencia de comandos > 
importación {} TIMESTAMP_FORMAT de " @ / componentes " ;

    TIMESTAMP_FORMAT 
       }; 
   }, 
   Creado () {}, 
   métodos: {} 
}; 
</ Escritura >

 En quinto lugar, quiero saber más

vue formato de hora utilizado en el momento, por favor haga clic aquí para ver el momento se detalla

Supongo que te gusta

Origin www.cnblogs.com/pzw23/p/12558992.html
Recomendado
Clasificación