Entradas

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...

JQuery | Revisar si existe un elemento en la página

Para validar si existe un elemento dentro de nuestra página podemos hacerlo de la siguiente manera: if ($("[SELECTOR]").length) {      //El elemento existe } Por ejemplo: if ($(".Elemento").length) {       //El elemento existe }

SQL | Cláusula WITH

Esté es un método de crear tablas a partir de una consulta, su funcionamiento es muy similar a las cláusulas SELECT INTO La sintaxis es la siguiente: WITH [temporal] ( [col1], [col2], ..., [coln] ) AS (     SELECT [col1], [col2], ..., [coln] FROM ... ) Un ejemplo sería el siguiente: WITH tblEstudiantesActivos (id, nombre)   AS   (       SELECT id, nombre     FROM tblEstudiantes     WHERE estatus = 1 )  

JQuery - Checkbox - Confirmar check

En ocasiones tendremos la situación en la que tendremos un checkbox en nuestra página, en el cual, debemos realizar una validación o una confirmación para permitir o no permitir marcar el checkbox . Para lograr este objetivo, haremos uso del evento change , donde haremos la validación o confirmación, y posteriormente dejaremos marcar el check, o bien, lo evitaremos, según sea el caso. $("#checkbox").on('change', function() { this.checked = !this.checked ? !confirm('¿Deseas marcar el checkbox?') : true; }); Espero te sea de utilidad. ne...

JQuery - Recargar página

 Para recargar la página actual con JQuery hacemos uso de la siguiente sentencia: window.location.reload();