Registre algunos complementos utilizados en el proyecto, para que pueda verlos a tiempo...
~
Por favor, preste atención, pida favoritos y pida me gusta. Si encuentra que el blogger ha escrito algo irrazonable, hágamelo saber. saber a tiempo, gracias ~
prefacio
En el desarrollo de proyectos reales, un proyecto grande y mediano a menudo usa muchos complementos y herramientas. Obviamente, es poco realista decir que un proyecto es desarrollado por un equipo, sin mencionar el problema de la creación repetida de ruedas. El desarrollo de herramientas con una fuerte aplicabilidad aún requiere mucho esfuerzo (a menos que la particularidad del negocio provoque que no haya complementos o herramientas que cumplan con las expectativas); El objetivo principal de
esta
El protagonista de este artículo: time-formater ( npm address ), esta es una herramienta de formato de tiempo, aunque es un poco de nicho, y no hay @types, lo que hace que sea imposible de aplicar en TypeScript, algunas personas pueden preguntarse por qué esto Todavía se usa... no
preguntes
instalación y uso
La instalación es el método de instalación convencional, una vez más, no hay @types/time-formater, debe crear el suyo propio.
// 安装
npm i -S time-formater
El uso es similar en el entorno de Nodo y navegador, pero las especificaciones son diferentes
// 可以
const timeFormater = require('time-formater')
// 也可以
import timeFormater from "time-formater";
gramática
Analizar parámetros
La función de formato acepta muchos parámetros formales preestablecidos como parámetros (para otros parámetros, consulte el Capítulo 2), como el más común "YYYY-MM-DD HH:mm:ss", que representa la hora actual y tiene una precisión de segundos.
// 2022-02-09 12:12:12
timeFormater().format("YYYY-MM-DD HH:mm:ss")
Este es el tiempo completo actual, si se admite el recorte, por ejemplo
// 2022-02-09 12:12
timeFormater().format("YYYY-MM-DD HH:mm")
// 2022-02-09 12
timeFormater().format("YYYY-MM-DD HH")
Incluso el conector se puede cambiar.
// 2022/02/09 12/12/12
timeFormater().format("YYYY/MM/DD HH/mm/ss")
parámetro
Los parámetros utilizados por la función de formato son mucho más que los anteriores. Recibe muchos parámetros preestablecidos. Por ejemplo, si desea saber el día actual de la semana, puede ingresar el parámetro "d"
// 三
timeFormater().format("dd")
// // 2022/三月/09 12/12/12
timeFormater().format("YYYY/MMMM/DD HH/mm/ss")
detalles de la siguiente manera:
| nombre | parámetro | producción |
|---|---|---|
| mes | METRO | 1 2 3 … |
| | ||
| milímetro | 01 02 03 … | |
| mmm | Enero Febrero Marzo… | |
| MMMMM | Enero Febrero Marzo… | |
| trimestre | q | 1 2 3 4 |
| fecha | D | 1 2 3 … |
| Hacer | 1º 2º 3º... | |
| DD | 01 02 03 … | |
| Semana | D | 0 1 2 3 4 5 6 |
| dd | día uno dos tres cuatro cinco seis | |
| ddd | Domingo Lunes Martes Miércoles Jueves… | |
| dddd | domingo Lunes Martes Miércoles | |
| años | AAAA | 1970 1971… |
| a. m./p. m., etc. | A | temprano en la mañana mañana... tarde noche |
| a | temprano en la mañana mañana... tarde noche | |
| hora | H | 0 1 2 3 … 22 23 |
| S.S | 00 01 … 22 23 | |
| h | 1 2 … 11 12 | |
| S.S | 01 02 … 11 12 | |
| minuto | metro | 0 1 2 … 58 59 |
| milímetro | 00 01 02 … 58 59 | |
| Segundo | s | 0 1 2 … 58 59 |
| ss | 00 01 02 … 58 59 | |
| milisegundo | s | 0 1 2 … 8 9 |
| ss | 00 01 … 98 99 | |
| ss | 000 001 … 998 999 | |
| marca de tiempo de unix | X | 1495357559853 |
| milisegundos de marca de tiempo de Unix | X | 1495357559853 |
Otras funciones
descompensación horaria
fromNow se utiliza para calcular la diferencia horaria entre la hora de entrada y la hora actual. El uso es el siguiente:
let fromNow = time('2022-01-01').fromNow()
// 2个月前
console.log(fromNow)
cuenta regresiva
El ejemplo proviene de la descripción oficial de npm, y las funciones generales son las siguientes:
const time = require('time-formater')
let remain = 100000 // 10万秒
let countdown = time.countdown(remain)
let token = '剩余：d天H小时m分钟s秒'
// 浏览器
function step() {
document.title = countdown.format(token) // 剩余：1天3小时46分钟40秒
requestAnimationFrame(step)
}
step()
Usado aquí, dos funciones, una es cuenta regresiva, la otra es el
formato
cuenta regresiva
Devuelve la cantidad de tiempo de la cuenta regresiva.
- tiempo <número | cadena | Fecha> El tipo es un número que indica los segundos restantes, una instancia de Fecha o una cadena (en formato ISO 8601), que indica el punto de tiempo final.
formato (ficha)
Formatee la cantidad de tiempo como una cadena.
- token se utiliza para especificar el formato de salida. Ejemplo: 'Restante: d días H horas m minutos s segundos' => "Restante: 1 día 11 horas 4 minutos 38 segundos".
| simbólico | describir |
|---|---|
| D | Cielo |
| H | Hora |
| metro | minuto |
| s | Segundo |
| S | milisegundo |
| # | Prefijo, lo que significa rellenar ceros hasta el ancho especificado. Ejemplo: #3d significa rellenar los días con 3 caracteres, 001. |
Tipos de mecanografiado
Desafortunadamente, este complemento no proporciona tipos y solo puede complementarlo según el tipo. Los tipos generales se agregan de la siguiente manera:
interface countdownFormat {
format: (params: string) => string;
}
interface FormaterInterface {
format: (params?: string | number) => string;
fromNow: () => string;
countdown: (params: number | string | date) => countdownFormat;
}
declare module "time-formater" {
function timeFormater(params?: string | number): FormaterInterface {
}
export = timeFormater;
}
Puede que no sea muy completo, y los amigos interesados pueden agregar más
;
resumen
Esta es una herramienta de formato de tiempo que personalmente creo que es más fácil de usar. La única desventaja es que el autor no parece continuar manteniéndola en el período posterior, incluido el soporte para TypeScript que también es muy poco amigable. Esto debe hacerse por mi cuenta Muy bueno, vale la pena recomendarlo;