{"id":1546,"date":"2019-06-06T17:32:56","date_gmt":"2019-06-06T17:32:56","guid":{"rendered":"https:\/\/webdevtrick.com\/?p=1546"},"modified":"2019-06-06T17:32:56","modified_gmt":"2019-06-06T17:32:56","slug":"jquery-datepicker","status":"publish","type":"post","link":"https:\/\/webdevtrick.com\/jquery-datepicker\/","title":{"rendered":"jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library"},"content":{"rendered":"<p><strong>What is the easiest way to create a Datepicker for a website? Solution: See this jQuery Datepicker Using JqueryUI,\u00a0 Simple program for Pick Date With JavaScript Library.<\/strong><\/p>\n<p>I am sure that, You have seen <strong>date picker<\/strong> in multiple fields on multiple websites. In sign up form, we have to select our DOB. We click on <span><a href=\"https:\/\/webdevtrick.com\/php-age-calculator\/\" target=\"_blank\" rel=\"noopener noreferrer\">DOB<\/a><\/span> choose section then a calendar appears, and we select date month and year. This is an example of <strong>datepicker<\/strong>, also many fields we have to provide the date they are also in this section.<\/p>\n<p>One of my visitors asks me to <strong>create a date picker<\/strong> &amp; post. Today I am posting the easiest way to make a date picker. Previously I shared <span><a href=\"https:\/\/webdevtrick.com\/html-css-javascript-calendar\/\" target=\"_blank\" rel=\"noopener noreferrer\">calendar using HTML CSS &amp; JavaScript<\/a><\/span>, that time I did not use any library. But this time I am using <strong>jQuery &amp; jQueryUI<\/strong> because this we can create the whole program in a few lines of codes.<\/p>\n<p>If we create this program using the only<strong> jquery<\/strong>, then it will be very complicated and hard. I have also created a<strong> datepicker<\/strong> without <strong>jqueryUI<\/strong> If you want I can post that. This is true, libraries make our work simple. I don&#8217;t have a separate category for jQuery that&#8217;s why I am putting this in JavaScript section. Also, a reason jQuery is a JS library.<\/p>\n<p>If you are thinking now how this program actually is, then see the<strong> preview<\/strong> given below.<\/p>\n<h3>Preview Of JqueryUI Pick Date<\/h3>\n<p>See this video preview to getting an idea of how this date picker looks like.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1546-1\" width=\"640\" height=\"554\" loop autoplay preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-ui-date-picker.mp4?_=1\" \/><a href=\"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-ui-date-picker.mp4\">https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-ui-date-picker.mp4<\/a><\/video><\/div>\n<p>Now you can see this visually. If you like this, then get the <strong>source code<\/strong> of its.<\/p>\n<p><span style=\"font-size: 14pt;\">You May Also Like:<\/span><\/p>\n<ul>\n \t<span><\/p>\n<li><a href=\"https:\/\/webdevtrick.com\/javascript-scroll-to-top\/\" target=\"_blank\" rel=\"noopener noreferrer\">JavaScript Scroll To Top<\/a><\/li>\n<li><a href=\"https:\/\/webdevtrick.com\/split-image-in-javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">Split Image Using JavaScript HTML CSS<\/a><\/li>\n<li><a href=\"https:\/\/webdevtrick.com\/text-animate-on-scroll\/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Animate On Scroll<\/a><\/li>\n<li><a href=\"https:\/\/webdevtrick.com\/animated-search-box-in-javascript-html-css\/\" target=\"_blank\" rel=\"noopener noreferrer\">Animated Search Box<\/a><\/li>\n<p><\/span>\n<\/ul>\n<h2>jQuery Datepicker Source Code<\/h2>\n<p>Before <strong>sharing source code<\/strong>, let&#8217;s talk about this. As you know I used <strong>Jquery UI to creating this datepicker<\/strong>. As you can see on the preview the whole stying is by default, because I linked a jqueryUI theme not used CSS. I used CSS only for background color and text style. If you want a different kind of datepicker you can use another jquery UI <a href=\"https:\/\/jqueryui.com\/themeroller\/\" target=\"_blank\" rel=\"noopener noreferrer\">theme<\/a>.<\/p>\n<p>The whole program is very simple just link <strong>jquery, jquery UI, &amp; jqueryUI theme<\/strong> on the <code>&lt;head&gt;<\/code> section. Then create an input field with an ID, that will look like this: <code>&lt;input type = \"text\" id = \"datepicker-wdt\"&gt;<\/code>. You can choose your own ID name. After that, just put a single JS code.<\/p>\n<pre class=\"lang:js decode:true\">$(function() {\r\n$( \"#datepicker-wdt\" ).datepicker();\r\n});<\/pre>\n<p>That is the whole process. As you can see in the preview with the opening index file we can see the calendar also. But by default we have to click on input then calendar will appear. For this just put another line of code: <code>$( \"#datepicker-wdt\" ).datepicker(\"show\");<\/code> &#8211; Very simple.<\/p>\n<p>For creating this program you have to create only 2 files. One for HTML and one for CSS, you can also skip CSS because this is for styling only text and background. Follow the steps to creating this without any error.<\/p>\n<p><span style=\"font-size: 14pt;\">index.html<\/span><\/p>\n<p>Create an HTML file named &#8216;<strong><em>index.html<\/em><\/strong>&#8216; and put these codes given here below.<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"index.html\">&lt;!doctype html&gt;\r\n&lt;!-- code by webdevtrick ( https:\/\/webdevtrick.com ) --&gt;\r\n&lt;html&gt;\r\n   &lt;head&gt;\r\n      &lt;meta charset = \"utf-8\"&gt;\r\n      &lt;title&gt;jQuery UI Datepicker | Webdevtrick.com&lt;\/title&gt;\r\n\t   &lt;link href=\"style.css\" rel=\"stylesheet\"&gt;\r\n\t   &lt;link href=\"https:\/\/fonts.googleapis.com\/css?family=Squada+One&amp;display=swap\" rel=\"stylesheet\"&gt;\r\n      &lt;link href = \"https:\/\/code.jquery.com\/ui\/1.10.4\/themes\/ui-lightness\/jquery-ui.css\" rel = \"stylesheet\"&gt;\r\n      &lt;script src = \"https:\/\/code.jquery.com\/jquery-1.10.2.js\"&gt;&lt;\/script&gt;\r\n      &lt;script src = \"https:\/\/code.jquery.com\/ui\/1.10.4\/jquery-ui.js\"&gt;&lt;\/script&gt;\r\n      \r\n      &lt;script&gt;\r\n         $(function() {\r\n            $( \"#datepicker-wdt\" ).datepicker();\r\n            $( \"#datepicker-wdt\" ).datepicker(\"show\");\r\n         });\r\n      &lt;\/script&gt;\r\n   &lt;\/head&gt;\r\n   \r\n   &lt;body&gt;\r\n\t   &lt;h1&gt;jQuery UI Datepicker&lt;\/h1&gt;\r\n      &lt;p&gt;Enter Date: &lt;input type = \"text\" id = \"datepicker-wdt\"&gt;&lt;\/p&gt;\r\n\t       \r\n   &lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p><span style=\"font-size: 14pt;\">style.css<\/span><\/p>\n<p>Now create a CSS file named &#8216;<strong><em>style.css<\/em><\/strong>&#8216; and put these codes.<\/p>\n<pre class=\"lang:css decode:true \" title=\"style.css\">\/** code by webdevtrick ( https:\/\/webdevtrick.com ) **\/\r\nbody {\r\n\tbackground-color: #EFEFEF;\r\n\tmargin-top: 15%;\r\n\tmargin-left: 40%;\r\n\tfont-family: 'Squada One', cursive;\r\n\r\n}\r\ninput {\r\n\theight:30px;\r\n\tborder-radius:5px;\r\n\tbackground:#333;\r\n\tcolor: white;\r\n\tpadding: 5px;\r\n}\r\np {\r\n\tfont-size: 20pt;\r\n}<\/pre>\n<p>That&#8217;s It. You have successfully created a j<strong>Query datepicker with JqueryUI<\/strong>. In other words, <strong>date picker using JavaScript library<\/strong>. If you have any doubt or question comment down below.<\/p>\n<p><span style=\"font-size: 12pt; font-family: impact, sans-serif;\">Thanks For Visiting, Keep Visiting.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is the easiest way to create a Datepicker for a website? Solution: See this jQuery Datepicker Using JqueryUI,\u00a0 Simple program for Pick Date With JavaScript Library. I am sure that, You have seen date picker in multiple fields on multiple websites. In sign up form, we have to select our DOB. We click on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1548,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[43,42,46,41],"tags":[198,212,155,60,197,211],"class_list":["post-1546","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-html","category-javascript","category-web-development","tag-calendar","tag-date-picker","tag-html-and-css","tag-javascript-tutorial","tag-jquery","tag-jquery-ui"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library<\/title>\n<meta name=\"description\" content=\"Create a date picker function with very easy steps. jQuery datepicker program using JqueryUI. Get the Source Code of pick date with JavaScript library.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webdevtrick.com\/jquery-datepicker\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library\" \/>\n<meta property=\"og:description\" content=\"Create a date picker function with very easy steps. jQuery datepicker program using JqueryUI. Get the Source Code of pick date with JavaScript library.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webdevtrick.com\/jquery-datepicker\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Dev Trick\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webdevtrick\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-06T17:32:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-datepicker.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"629\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"shaan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"shaan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/\"},\"author\":{\"name\":\"shaan\",\"@id\":\"https:\/\/webdevtrick.com\/#\/schema\/person\/c79bae83976f92fe305c22342b2a0be3\"},\"headline\":\"jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library\",\"datePublished\":\"2019-06-06T17:32:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/\"},\"wordCount\":589,\"commentCount\":18,\"publisher\":{\"@id\":\"https:\/\/webdevtrick.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-datepicker.jpg\",\"keywords\":[\"calendar\",\"date picker\",\"html and css\",\"javascript tutorial\",\"jquery\",\"jquery ui\"],\"articleSection\":[\"CSS\",\"HTML\",\"JavaScript\",\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webdevtrick.com\/jquery-datepicker\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/\",\"url\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/\",\"name\":\"jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library\",\"isPartOf\":{\"@id\":\"https:\/\/webdevtrick.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-datepicker.jpg\",\"datePublished\":\"2019-06-06T17:32:56+00:00\",\"description\":\"Create a date picker function with very easy steps. jQuery datepicker program using JqueryUI. Get the Source Code of pick date with JavaScript library.\",\"breadcrumb\":{\"@id\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webdevtrick.com\/jquery-datepicker\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/#primaryimage\",\"url\":\"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-datepicker.jpg\",\"contentUrl\":\"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-datepicker.jpg\",\"width\":1200,\"height\":629,\"caption\":\"jquery datepicker with jqueryui\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webdevtrick.com\/jquery-datepicker\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webdevtrick.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webdevtrick.com\/#website\",\"url\":\"https:\/\/webdevtrick.com\/\",\"name\":\"Web Dev Trick\",\"description\":\"HTML5, CSS3, JS, PHP Source Code &amp; Tutorial\",\"publisher\":{\"@id\":\"https:\/\/webdevtrick.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webdevtrick.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webdevtrick.com\/#organization\",\"name\":\"Web Dev Trick\",\"url\":\"https:\/\/webdevtrick.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdevtrick.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webdevtrick.com\/wp-content\/uploads\/logo-fb-1.png\",\"contentUrl\":\"https:\/\/webdevtrick.com\/wp-content\/uploads\/logo-fb-1.png\",\"width\":512,\"height\":512,\"caption\":\"Web Dev Trick\"},\"image\":{\"@id\":\"https:\/\/webdevtrick.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webdevtrick\/\",\"https:\/\/pinterest.com\/webdevtrick\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webdevtrick.com\/#\/schema\/person\/c79bae83976f92fe305c22342b2a0be3\",\"name\":\"shaan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdevtrick.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/60aa6ee93605bda7bc598d11dd748709a69bdb55a080124cc382114d8d7e7665?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/60aa6ee93605bda7bc598d11dd748709a69bdb55a080124cc382114d8d7e7665?s=96&d=mm&r=g\",\"caption\":\"shaan\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library","description":"Create a date picker function with very easy steps. jQuery datepicker program using JqueryUI. Get the Source Code of pick date with JavaScript library.","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:\/\/webdevtrick.com\/jquery-datepicker\/","og_locale":"en_US","og_type":"article","og_title":"jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library","og_description":"Create a date picker function with very easy steps. jQuery datepicker program using JqueryUI. Get the Source Code of pick date with JavaScript library.","og_url":"https:\/\/webdevtrick.com\/jquery-datepicker\/","og_site_name":"Web Dev Trick","article_publisher":"https:\/\/www.facebook.com\/webdevtrick\/","article_published_time":"2019-06-06T17:32:56+00:00","og_image":[{"width":1200,"height":629,"url":"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-datepicker.jpg","type":"image\/jpeg"}],"author":"shaan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"shaan","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webdevtrick.com\/jquery-datepicker\/#article","isPartOf":{"@id":"https:\/\/webdevtrick.com\/jquery-datepicker\/"},"author":{"name":"shaan","@id":"https:\/\/webdevtrick.com\/#\/schema\/person\/c79bae83976f92fe305c22342b2a0be3"},"headline":"jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library","datePublished":"2019-06-06T17:32:56+00:00","mainEntityOfPage":{"@id":"https:\/\/webdevtrick.com\/jquery-datepicker\/"},"wordCount":589,"commentCount":18,"publisher":{"@id":"https:\/\/webdevtrick.com\/#organization"},"image":{"@id":"https:\/\/webdevtrick.com\/jquery-datepicker\/#primaryimage"},"thumbnailUrl":"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-datepicker.jpg","keywords":["calendar","date picker","html and css","javascript tutorial","jquery","jquery ui"],"articleSection":["CSS","HTML","JavaScript","Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webdevtrick.com\/jquery-datepicker\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webdevtrick.com\/jquery-datepicker\/","url":"https:\/\/webdevtrick.com\/jquery-datepicker\/","name":"jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library","isPartOf":{"@id":"https:\/\/webdevtrick.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webdevtrick.com\/jquery-datepicker\/#primaryimage"},"image":{"@id":"https:\/\/webdevtrick.com\/jquery-datepicker\/#primaryimage"},"thumbnailUrl":"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-datepicker.jpg","datePublished":"2019-06-06T17:32:56+00:00","description":"Create a date picker function with very easy steps. jQuery datepicker program using JqueryUI. Get the Source Code of pick date with JavaScript library.","breadcrumb":{"@id":"https:\/\/webdevtrick.com\/jquery-datepicker\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webdevtrick.com\/jquery-datepicker\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdevtrick.com\/jquery-datepicker\/#primaryimage","url":"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-datepicker.jpg","contentUrl":"https:\/\/webdevtrick.com\/wp-content\/uploads\/jquery-datepicker.jpg","width":1200,"height":629,"caption":"jquery datepicker with jqueryui"},{"@type":"BreadcrumbList","@id":"https:\/\/webdevtrick.com\/jquery-datepicker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webdevtrick.com\/"},{"@type":"ListItem","position":2,"name":"jQuery Datepicker Using JqueryUI | Pick Date With JavaScript Library"}]},{"@type":"WebSite","@id":"https:\/\/webdevtrick.com\/#website","url":"https:\/\/webdevtrick.com\/","name":"Web Dev Trick","description":"HTML5, CSS3, JS, PHP Source Code &amp; Tutorial","publisher":{"@id":"https:\/\/webdevtrick.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webdevtrick.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webdevtrick.com\/#organization","name":"Web Dev Trick","url":"https:\/\/webdevtrick.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdevtrick.com\/#\/schema\/logo\/image\/","url":"https:\/\/webdevtrick.com\/wp-content\/uploads\/logo-fb-1.png","contentUrl":"https:\/\/webdevtrick.com\/wp-content\/uploads\/logo-fb-1.png","width":512,"height":512,"caption":"Web Dev Trick"},"image":{"@id":"https:\/\/webdevtrick.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webdevtrick\/","https:\/\/pinterest.com\/webdevtrick\/"]},{"@type":"Person","@id":"https:\/\/webdevtrick.com\/#\/schema\/person\/c79bae83976f92fe305c22342b2a0be3","name":"shaan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdevtrick.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/60aa6ee93605bda7bc598d11dd748709a69bdb55a080124cc382114d8d7e7665?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/60aa6ee93605bda7bc598d11dd748709a69bdb55a080124cc382114d8d7e7665?s=96&d=mm&r=g","caption":"shaan"}}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdevtrick.com\/wp-json\/wp\/v2\/posts\/1546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdevtrick.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdevtrick.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdevtrick.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdevtrick.com\/wp-json\/wp\/v2\/comments?post=1546"}],"version-history":[{"count":0,"href":"https:\/\/webdevtrick.com\/wp-json\/wp\/v2\/posts\/1546\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdevtrick.com\/wp-json\/wp\/v2\/media\/1548"}],"wp:attachment":[{"href":"https:\/\/webdevtrick.com\/wp-json\/wp\/v2\/media?parent=1546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdevtrick.com\/wp-json\/wp\/v2\/categories?post=1546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdevtrick.com\/wp-json\/wp\/v2\/tags?post=1546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}