Entradas

Mostrando entradas de 2023

c# | Calcular minutos entre dos fechas

Ahora veremos como calcular el total de minutos que existen entre dos fechas, Primero asumiremos que tenemos dos variables tipo DateTime llamados fechaInicial y fechaFinal . Lo siguiente sería crear una variable tipo TimeSpan: TimeSpan ts = fechaInicial - fechaFinal; Por último, la diferencia entre ambas fechas se calcularía de la siguiente manera: ts.TotalMinutes; Esto también nos sirve para obtener la diferencia de horas, segundos, etc. Suerte!

JQuery | Consumiendo un método api

Ahora les mostraré como consumir un método api desde JQuery. Primero, crearemos nuestro método Api; asumiremos que éste se encuentra en el archivo: Api/HomeApiController : [System.Web.Http.HttpPost] [OutputCache(Duration = 1)] public void MetodoApi() { // Aquí va el código de nuestro método... } Ahora, desde nuestro archivo JQuery, utilizamos el siguiente código para ejecutar nuestro método api: var options = new Object; options.cache = false; options.headers = { Accept: "application/json; charset=utf-8", "Content-Type": "application/json; charset=utf-8" }; options.type = "post"; options.url = "/Api/HomeApi/MetodoApi"; $.ajax(options); Esto te dará una buena idea de cómo crear y consumir métodos api, más adelante realizaremos ejercicios más complejos. Suerte!

AOS - Animate On Scroll Library

En esta ocasión les quiero presentar una librería muy interesante llamada AOS - Animate On Scroll Library , la cual, como su nombre lo indica, es una librería que contiene animaciones para objetos que van apareciendo conforme nos vamos desplazando dentro de una página. Esta es la liga oficial de la librería: https://michalsnik.github.io/aos/ Utilizar esta librería es muy simple, lo primero que debemos hacer es agregar las referencias a nuestra página: <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> Lo siguiente es iniciar el componente con la siguiente línea: <script>   AOS.init(); </script> Finalmente, solo hay que definir el tipo de animación que tendrán nuestros elementos: <div data-aos="[Tipo de Animación]"></div> Por ejemplo: <div data-aos="fade-up"></div> ne...