diseño y desarrollo

Tips y Ayudas de programación follow us in feedly

[Google][HTML]Crear eventos de Google Calendar desde un enlace

Nota 5 (1 voto/s )

Introducción

Hoy tenemos una “utilidad” que nos vendrá bien si tenemos algún tipo de evento en nuestra Web y queremos que los usuarios puedan agregárselo a su cuenta de Google de una manera muy sencilla.

Aquí vemos un ejemplo de como crear un evento en Google Calendar
http://www.google.com/calendar/event?action=TEMPLATE&text=Titulo%20del%20evento%20que%20queremos%20crear&dates=20141114T220000/20141115T221500&details=Observaciones:%20Esto%20son%20unas%20observaciones%20:)&location=Plaza Consistorial, S/N 31001 Pamplona Navarra, España&trp=true&sprop=name:http%3A%2F%2Fwww.albertogon.com

[JQuery][HTML] Como mostrar un calendario amigable con HTML y JQuery

Nota 5 (1 voto/s )

Introducción

Uno de los problemas cuando empiezas a hacer formularios para paginas web en los que necesitas que se ingresen fechas es que no hay un objeto de formulario con un calendario, en HTML5 ya se ha introducido pero no funciona con IE.

La solución que yo utilizo es JQuery + JQuery UI, ya que uno de los Widgets que integra es el Datepicker (http://jqueryui.com/datepicker/).

Ya que con unas pocas lineas de HTML y Javascript tenemos un calendario personalizable y amigable.

<html>
<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <script>
    $(function() {
      $( "#datepicker" ).datepicker();
    });
  </script>
</head>
<body>
....
<p> Fecha: <input type="text" id="datepicker"> </p>
...
</body>

 

Pagina de inico

Tarjeta de visita

Pinche en la imagen para añadir a sus contactos

Consúltame

Consultas o Sugerencias

Ir a Consultar