{"id":2353,"date":"2012-12-04T11:07:45","date_gmt":"2012-12-04T15:07:45","guid":{"rendered":"http:\/\/www.iowawebnet.com\/ein\/?p=2353"},"modified":"2012-12-04T11:07:45","modified_gmt":"2012-12-04T15:07:45","slug":"jquery-datepicker-2","status":"publish","type":"post","link":"https:\/\/www.iowawebnet.com\/ein\/2012\/12\/jquery-datepicker-2\/","title":{"rendered":"jQuery Datepicker"},"content":{"rendered":"<p><a href=\"http:\/\/www.iowawebnet.com\/ein\/2012\/12\/jquery-datepicker-2\/jquerydatepicker\/\" rel=\"attachment wp-att-2354\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-2354\" title=\"jQueryDatepicker\" src=\"http:\/\/www.iowawebnet.com\/ein\/wp-content\/uploads\/2012\/12\/jQueryDatepicker-300x234.png\" alt=\"jQuery Datepicker\" width=\"300\" height=\"234\" srcset=\"https:\/\/www.iowawebnet.com\/ein\/wp-content\/uploads\/2012\/12\/jQueryDatepicker-300x234.png 300w, https:\/\/www.iowawebnet.com\/ein\/wp-content\/uploads\/2012\/12\/jQueryDatepicker.png 364w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>To create jQuery Datepicker like this one below do the following:<\/p>\n<p>1. Save the <a href=\"wp-content\/uploads\/2012\/12\/calendar.zip\" target=\"_blank\">calendar.zip<\/a> on your computer<\/p>\n<p>2. Unzip the folder and move it to your server<\/p>\n<p>3. Include the js scripts and css style in your page:<\/p>\n<p>&#8211; &lt;script src=&#8221;\/my-website\/jcalendar\/jquery-1.8.3.js&#8221; type=&#8221;text\/javascript&#8221;&gt;&lt;\/script&gt;<br \/>\n&#8211; &lt;link href=&#8221;\/my-website\/calendar\/jquery-ui.css&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; \/&gt;<br \/>\n&#8211; &lt;script src=&#8221;\/my-website\/calendar\/jquery-ui.js&#8221; type=&#8221;text\/javascript&#8221;&gt;&lt;\/script&gt;<\/p>\n<p>4. Create textbox (with some html5 validation)<\/p>\n<p>&lt;input type=&#8221;text&#8221; name=&#8221;startDateTbx&#8221; id=&#8221;datepicker&#8221; pattern=&#8221;(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.](19|20)\\d\\d&#8221; title=&#8221;mm\/dd\/yyyy&#8221; \/&gt;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; To create jQuery Datepicker like this one below do the following: 1. Save the calendar.zip on your computer 2. Unzip the folder and move it to your server 3. Include the js scripts and css style in your page: &#8211; &lt;script src=&#8221;\/my-website\/jcalendar\/jquery-1.8.3.js&#8221; type=&#8221;text\/javascript&#8221;&gt;&lt;\/script&gt; &#8211; &lt;link href=&#8221;\/my-website\/calendar\/jquery-ui.css&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; \/&gt; [&hellip;]<\/p>\n","protected":false},"author":35,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[85,17,16,53,49,43,25],"tags":[51,122],"class_list":["post-2353","post","type-post","status-publish","format-standard","hentry","category-net-4-0","category-applications","category-net","category-css","category-html","category-javascript-2","category-jquery","tag-calendar","tag-datepicker"],"_links":{"self":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/2353"}],"collection":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/comments?post=2353"}],"version-history":[{"count":12,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/2353\/revisions"}],"predecessor-version":[{"id":2368,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/posts\/2353\/revisions\/2368"}],"wp:attachment":[{"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/media?parent=2353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/categories?post=2353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iowawebnet.com\/ein\/wp-json\/wp\/v2\/tags?post=2353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}