{"id":470,"date":"2010-11-14T23:25:14","date_gmt":"2010-11-14T15:25:14","guid":{"rendered":"http:\/\/rais.my\/blog\/?p=470"},"modified":"2010-11-14T23:32:42","modified_gmt":"2010-11-14T15:32:42","slug":"time-picker-menggunakan-jquery-dan-plugin-calendrical","status":"publish","type":"post","link":"https:\/\/rais.my\/blog\/time-picker-menggunakan-jquery-dan-plugin-calendrical\/","title":{"rendered":"Time Picker menggunakan jquery dan plugin calendrical"},"content":{"rendered":"<p>Mungkin ini timepicker ini salah satu user interface yang ramai mencarinya. Contoh di bawah ini ialah salah satu cara bagaimana perkara ini boleh diimplimentasi menggunakan jquery dan calendrical jquery plugin.<\/p>\n<p>Demo <a href=\"http:\/\/rais.my\/dev\/jq-timepicker.php\" target=\"_blank\">di sini<\/a><\/p>\n<p><a href=\"http:\/\/rais.my\/blog\/wp-content\/uploads\/2010\/11\/timepicker.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/rais.my\/blog\/wp-content\/uploads\/2010\/11\/timepicker-150x150.jpg\"  alt=\"timepicker-150x150 Time Picker menggunakan jquery dan plugin calendrical\"   title=\"\"  width=\"150\" height=\"150\" class=\"alignnone size-thumbnail wp-image-473\" \/><\/a><\/p>\n<p>Jquery dan plugin calendrical perlu di panggil di dalam head fail HTML atau PHP<\/p>\n<pre class=\"brush:javascript\">\r\n<script src=\"jquery\/jquery-1.4.2.js\"><\/script>\r\n<script src=\"jquery\/calendrical\/jquery.calendrical.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"jquery\/calendrical\/calendrical.css\" \/>\r\n<\/pre>\n<p>ruangan input untuk masa mula dan masa akhir<\/p>\n<pre class=\"brush:javascript\">\r\n<p>\r\n<input id=\"time_start\" type=\"text\" \/>\r\n<input id=\"time_end\"   type=\"text\" \/>\r\n<\/p>\r\n<\/pre>\n<p>Skrip yang perlu dimuatkan di dalam BODY<\/p>\n<pre class=\"brush:javascript\">\r\n<script>\r\n$(function() {\r\n$('#time_start, #time_end').calendricalTimeRange(); \r\n});\r\n<\/script>\r\n<\/pre>\n<p>Selamat mencuba&#8230;<\/p>\n<p><a href=\"http:\/\/rais.my\" target=\"_blank\">rais.my<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mungkin ini timepicker ini salah satu user interface yang ramai mencarinya. Contoh di bawah ini ialah salah satu cara bagaimana perkara ini boleh diimplimentasi menggunakan jquery dan calendrical jquery plugin. Demo di sini Jquery dan plugin calendrical perlu di panggil di dalam head fail HTML atau PHP ruangan input untuk masa mula dan masa akhir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[112,6,21,22,5],"tags":[288,655,656,289],"class_list":["post-470","post","type-post","status-publish","format-standard","hentry","category-html","category-internet","category-javascript","category-jquery","category-programming","tag-calendrical","tag-javascript","tag-jquery","tag-timepicker"],"_links":{"self":[{"href":"https:\/\/rais.my\/blog\/wp-json\/wp\/v2\/posts\/470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rais.my\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rais.my\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rais.my\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rais.my\/blog\/wp-json\/wp\/v2\/comments?post=470"}],"version-history":[{"count":4,"href":"https:\/\/rais.my\/blog\/wp-json\/wp\/v2\/posts\/470\/revisions"}],"predecessor-version":[{"id":475,"href":"https:\/\/rais.my\/blog\/wp-json\/wp\/v2\/posts\/470\/revisions\/475"}],"wp:attachment":[{"href":"https:\/\/rais.my\/blog\/wp-json\/wp\/v2\/media?parent=470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rais.my\/blog\/wp-json\/wp\/v2\/categories?post=470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rais.my\/blog\/wp-json\/wp\/v2\/tags?post=470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}