{"id":558,"date":"2019-06-13T07:20:43","date_gmt":"2019-06-13T07:20:43","guid":{"rendered":"http:\/\/info.juliusgoh.life\/?p=558"},"modified":"2019-06-13T08:53:49","modified_gmt":"2019-06-13T08:53:49","slug":"jquery-ui-datepicker-with-font-awesome-calendar","status":"publish","type":"post","link":"https:\/\/info.juliusgoh.life\/?p=558","title":{"rendered":"Jquery UI datepicker with Font awesome calendar"},"content":{"rendered":"<h1>CSS :<\/h1>\n<pre>\r\n.my-icon .date {\r\n  background:#fff url(https:\/\/cdn1.iconfinder.com\/data\/icons\/cc_mono_icon_set\/blacks\/16x16\/calendar_2.png)  93% 50% no-repeat ;\r\n }\r\n<\/pre>\n<h1>HTML :<\/h1>\n<pre>\r\n&lt;div class=&quot;my-icon&quot; form-group style=&quot;padding-left:0px ;margin-bottom:15px;&quot;&gt;\r\n    &lt;label&gt;From: &lt;\/label&gt;\r\n    &lt;input type=&quot;text&quot; name=&quot;fromdt&quot; id=&quot;fromdt&quot; class=&quot;form-control date&quot; value=&quot;&lt;?= isset($_POST['fromdt']) ? $_POST['fromdt'] : &quot;&quot; ?&gt;&quot; readonly&gt;\r\n    &lt;\/div&gt;\r\n<\/pre>\n<h1>JS : <\/h1>\n<pre>\r\n    $(\"#fromdt\").datepicker(\r\n        {\r\n            dateFormat: 'yy-mm-dd',\r\n            maxDate: '+0D',\r\n            changeYear: true,\r\n            changeMonth: true,\r\n            yearRange: \"-100:+0\"\r\n        }\r\n    );\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>CSS : .my-icon .date { background:#fff url(https:\/\/cdn1.iconfinder.com\/data\/icons\/cc_mono_icon_set\/blacks\/16&#215;16\/calendar_2.png) 93% 50% no-repeat ; } HTML : &lt;div class=&quot;my-icon&quot; form-group style=&quot;padding-left:0px ;margin-bottom:15px;&quot;&gt; &lt;label&gt;From: &lt;\/label&gt; &lt;input type=&quot;text&quot; name=&quot;fromdt&quot; id=&quot;fromdt&quot; class=&quot;form-control date&quot; value=&quot;&lt;?= isset($_POST[&#8216;fromdt&#8217;]) ? $_POST[&#8216;fromdt&#8217;] : &quot;&quot; ?&gt;&quot; readonly&gt; &lt;\/div&gt; JS : $(&#8220;#fromdt&#8221;).datepicker( { dateFormat: &#8216;yy-mm-dd&#8217;, maxDate: &#8216;+0D&#8217;, changeYear: true, changeMonth: true, yearRange: &#8220;-100:+0&#8221; } );<\/p>\n","protected":false},"author":1,"featured_media":566,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"image","meta":{"footnotes":""},"categories":[8,13,5],"tags":[],"_links":{"self":[{"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=\/wp\/v2\/posts\/558"}],"collection":[{"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=558"}],"version-history":[{"count":7,"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=\/wp\/v2\/posts\/558\/revisions"}],"predecessor-version":[{"id":565,"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=\/wp\/v2\/posts\/558\/revisions\/565"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=\/wp\/v2\/media\/566"}],"wp:attachment":[{"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/info.juliusgoh.life\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}