{"id":539,"date":"2023-11-02T12:01:25","date_gmt":"2023-11-02T11:01:25","guid":{"rendered":"https:\/\/vermiip.es\/blog\/?p=539"},"modified":"2023-11-02T12:01:25","modified_gmt":"2023-11-02T11:01:25","slug":"como-crear-un-calendario-con-jquery","status":"publish","type":"post","link":"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/","title":{"rendered":"\u00bfC\u00f3mo crear un calendario con jQuery?"},"content":{"rendered":"\n<p>Para crear un calendario utilizando <strong>jQuery<\/strong>, se pueden utilizar plugins que simplifiquen el proceso. Uno de los plugins populares es <a href=\"https:\/\/fullcalendar.io\/\">FullCalendar<\/a>, que proporciona una forma f\u00e1cil de integrar un calendario interactivo en tu p\u00e1gina web. Aqu\u00ed te muestro un ejemplo b\u00e1sico de c\u00f3mo usar <a href=\"https:\/\/fullcalendar.io\/\">FullCalendar<\/a>:<\/p>\n\n\n\n<p><strong>Paso 1:<\/strong> Descarga e incluye jQuery y <a href=\"https:\/\/fullcalendar.io\/\">FullCalendar<\/a> en tu HTML. Aseg\u00farate de que est\u00e9n disponibles en tu servidor o util\u00edzalos desde un CDN.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">&lt;!DOCTYPE html>\n&lt;html>\n&lt;head>\n    &lt;title>Calendario con jQuery&lt;\/title>\n    &lt;link href='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/fullcalendar\/3.10.2\/fullcalendar.min.css' rel='stylesheet' \/>\n    &lt;script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js'>&lt;\/script>\n    &lt;script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.29.1\/moment.min.js'>&lt;\/script>\n    &lt;script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/fullcalendar\/3.10.2\/fullcalendar.min.js'>&lt;\/script>\n&lt;\/head>\n&lt;body>\n    &lt;div id='calendar'>&lt;\/div>\n    &lt;script>\n        $(document).ready(function() {\n            $('#calendar').fullCalendar({\n                \/\/ Configuraciones del calendario\n                \/\/ Puedes definir eventos, configuraciones de vista, etc.\n                \/\/ Aqu\u00ed se muestra un calendario b\u00e1sico.\n            });\n        });\n    &lt;\/script>\n&lt;\/body>\n&lt;\/html><\/code><\/pre>\n\n\n\n<p><strong>Paso 2: <\/strong>Configura el calendario seg\u00fan tus necesidades dentro del m\u00e9todo <strong><code>fullCalendar<\/code>.<\/strong> Puedes a\u00f1adir eventos, configurar vistas, cambiar el idioma, entre otras personalizaciones. Por ejemplo, puedes a\u00f1adir eventos al calendario:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"\">$('#calendar').fullCalendar({\n    defaultView: 'month', \/\/ Vista predeterminada\n    events: [\n        {\n            title: 'Evento 1',\n            start: '2023-11-05' \/\/ Fecha del evento\n        },\n        {\n            title: 'Evento 2',\n            start: '2023-11-15',\n            end: '2023-11-17' \/\/ Evento que dura varios d\u00edas\n        }\n        \/\/ Puedes a\u00f1adir m\u00e1s eventos de manera similar\n    ]\n});<\/code><\/pre>\n\n\n\n<p>Este es un ejemplo b\u00e1sico de c\u00f3mo comenzar con FullCalendar y crear un calendario simple con eventos. Puedes personalizarlo a\u00fan m\u00e1s seg\u00fan tus necesidades, consultando la documentaci\u00f3n de FullCalendar para explorar sus funcionalidades y opciones de configuraci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para crear un calendario utilizando jQuery, se pueden utilizar plugins que simplifiquen el proceso. Uno de los plugins populares es FullCalendar, que proporciona una forma f\u00e1cil de integrar un calendario interactivo en tu p\u00e1gina web. Aqu\u00ed te muestro un ejemplo b\u00e1sico de c\u00f3mo usar FullCalendar: Paso 1: Descarga e incluye jQuery y FullCalendar en tu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-539","post","type-post","status-publish","format-standard","hentry","category-general"],"_wp_attached_file":null,"_wp_attachment_metadata":null,"_wp_old_slug":null,"_aioseop_description":null,"_wp_attachment_image_alt":null,"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfC\u00f3mo crear un calendario con jQuery? - Ver mi IP<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo crear un calendario con jQuery? - Ver mi IP\" \/>\n<meta property=\"og:description\" content=\"Para crear un calendario utilizando jQuery, se pueden utilizar plugins que simplifiquen el proceso. Uno de los plugins populares es FullCalendar, que proporciona una forma f\u00e1cil de integrar un calendario interactivo en tu p\u00e1gina web. Aqu\u00ed te muestro un ejemplo b\u00e1sico de c\u00f3mo usar FullCalendar: Paso 1: Descarga e incluye jQuery y FullCalendar en tu [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Ver mi IP\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-02T11:01:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2023\/10\/cropped-logo-vermiip-naranja.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Xose de la Paz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Xose de la Paz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/como-crear-un-calendario-con-jquery\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/como-crear-un-calendario-con-jquery\\\/\"},\"author\":{\"name\":\"Xose de la Paz\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/person\\\/0617918e61a75dc2d11c09238bf84200\"},\"headline\":\"\u00bfC\u00f3mo crear un calendario con jQuery?\",\"datePublished\":\"2023-11-02T11:01:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/como-crear-un-calendario-con-jquery\\\/\"},\"wordCount\":158,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#organization\"},\"articleSection\":[\"General\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/vermiip.es\\\/blog\\\/como-crear-un-calendario-con-jquery\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/como-crear-un-calendario-con-jquery\\\/\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/como-crear-un-calendario-con-jquery\\\/\",\"name\":\"\u00bfC\u00f3mo crear un calendario con jQuery? - Ver mi IP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#website\"},\"datePublished\":\"2023-11-02T11:01:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/como-crear-un-calendario-con-jquery\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vermiip.es\\\/blog\\\/como-crear-un-calendario-con-jquery\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/como-crear-un-calendario-con-jquery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo crear un calendario con jQuery?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/\",\"name\":\"Cual es mi ip - Internet y otras locuras\",\"description\":\"Internet y otras locuras\",\"publisher\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#organization\"},\"alternateName\":\"Cual es mi IP\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#organization\",\"name\":\"Ver mi IP\",\"alternateName\":\"vermiip\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/cropped-logo-vermiip-naranja.png\",\"contentUrl\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/cropped-logo-vermiip-naranja.png\",\"width\":512,\"height\":512,\"caption\":\"Ver mi IP\"},\"image\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/person\\\/0617918e61a75dc2d11c09238bf84200\",\"name\":\"Xose de la Paz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g\",\"caption\":\"Xose de la Paz\"},\"description\":\"M\u00e1s de 20 a\u00f1os transformando pasi\u00f3n en profesi\u00f3n. Experto en desarrollo Full Stack con una visi\u00f3n integral que abarca desde la gesti\u00f3n de servidores y redes hasta el dise\u00f1o de interfaz. Soy un \\\"todoterreno\\\" tecnol\u00f3gico que cree en el aprendizaje continuo y la visi\u00f3n global de los proyectos. Entre despliegue y despliegue, me pierdo por el mundo con mi c\u00e1mara al hombro.\",\"sameAs\":[\"https:\\\/\\\/www.enfocado.com\",\"https:\\\/\\\/www.instagram.com\\\/xose_de_la_paz\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/xosedelapaz\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo crear un calendario con jQuery? - Ver mi IP","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfC\u00f3mo crear un calendario con jQuery? - Ver mi IP","og_description":"Para crear un calendario utilizando jQuery, se pueden utilizar plugins que simplifiquen el proceso. Uno de los plugins populares es FullCalendar, que proporciona una forma f\u00e1cil de integrar un calendario interactivo en tu p\u00e1gina web. Aqu\u00ed te muestro un ejemplo b\u00e1sico de c\u00f3mo usar FullCalendar: Paso 1: Descarga e incluye jQuery y FullCalendar en tu [&hellip;]","og_url":"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/","og_site_name":"Ver mi IP","article_published_time":"2023-11-02T11:01:25+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2023\/10\/cropped-logo-vermiip-naranja.png","type":"image\/png"}],"author":"Xose de la Paz","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Xose de la Paz","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/#article","isPartOf":{"@id":"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/"},"author":{"name":"Xose de la Paz","@id":"https:\/\/vermiip.es\/blog\/#\/schema\/person\/0617918e61a75dc2d11c09238bf84200"},"headline":"\u00bfC\u00f3mo crear un calendario con jQuery?","datePublished":"2023-11-02T11:01:25+00:00","mainEntityOfPage":{"@id":"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/"},"wordCount":158,"commentCount":1,"publisher":{"@id":"https:\/\/vermiip.es\/blog\/#organization"},"articleSection":["General"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/","url":"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/","name":"\u00bfC\u00f3mo crear un calendario con jQuery? - Ver mi IP","isPartOf":{"@id":"https:\/\/vermiip.es\/blog\/#website"},"datePublished":"2023-11-02T11:01:25+00:00","breadcrumb":{"@id":"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vermiip.es\/blog\/como-crear-un-calendario-con-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/vermiip.es\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo crear un calendario con jQuery?"}]},{"@type":"WebSite","@id":"https:\/\/vermiip.es\/blog\/#website","url":"https:\/\/vermiip.es\/blog\/","name":"Cual es mi ip - Internet y otras locuras","description":"Internet y otras locuras","publisher":{"@id":"https:\/\/vermiip.es\/blog\/#organization"},"alternateName":"Cual es mi IP","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vermiip.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/vermiip.es\/blog\/#organization","name":"Ver mi IP","alternateName":"vermiip","url":"https:\/\/vermiip.es\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/vermiip.es\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2023\/10\/cropped-logo-vermiip-naranja.png","contentUrl":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2023\/10\/cropped-logo-vermiip-naranja.png","width":512,"height":512,"caption":"Ver mi IP"},"image":{"@id":"https:\/\/vermiip.es\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/vermiip.es\/blog\/#\/schema\/person\/0617918e61a75dc2d11c09238bf84200","name":"Xose de la Paz","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g","caption":"Xose de la Paz"},"description":"M\u00e1s de 20 a\u00f1os transformando pasi\u00f3n en profesi\u00f3n. Experto en desarrollo Full Stack con una visi\u00f3n integral que abarca desde la gesti\u00f3n de servidores y redes hasta el dise\u00f1o de interfaz. Soy un \"todoterreno\" tecnol\u00f3gico que cree en el aprendizaje continuo y la visi\u00f3n global de los proyectos. Entre despliegue y despliegue, me pierdo por el mundo con mi c\u00e1mara al hombro.","sameAs":["https:\/\/www.enfocado.com","https:\/\/www.instagram.com\/xose_de_la_paz\/","https:\/\/www.linkedin.com\/in\/xosedelapaz\/"]}]}},"_links":{"self":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts\/539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/comments?post=539"}],"version-history":[{"count":1,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts\/539\/revisions"}],"predecessor-version":[{"id":540,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts\/539\/revisions\/540"}],"wp:attachment":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/media?parent=539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/categories?post=539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/tags?post=539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}