{"id":1850,"date":"2019-07-17T08:36:41","date_gmt":"2019-07-17T00:36:41","guid":{"rendered":"http:\/\/www.hefeiyu.com\/?p=1850"},"modified":"2019-07-17T08:36:41","modified_gmt":"2019-07-17T00:36:41","slug":"ecology%e5%bc%80%e5%8f%91%e4%b9%8bclockpicker%e7%bb%84%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/www.hefeiyu.com\/?p=1850","title":{"rendered":"ecology\u5f00\u53d1\u4e4bclockpicker\u7ec4\u4ef6"},"content":{"rendered":"<table width=\"1112\">\n<tbody>\n<tr>\n<td width=\"72\">\u7ec4\u4ef6<\/td>\n<td colspan=\"3\" width=\"1040\">clockpicker\u7ec4\u4ef6\uff08\u65f6\u95f4\u9009\u62e9\u63a7\u4ef6\uff09<\/td>\n<\/tr>\n<tr>\n<td>\u529f\u80fd\u8bf4\u660e<\/td>\n<td colspan=\"3\" width=\"1040\">\u57fa\u4e8ejQuery\u65f6\u95f4\u9009\u62e9\u63a7\u4ef6\uff0c\u5176\u7279\u70b9\u5982\u4e0b\uff1a<br \/>\n\u4ee5\u65f6\u949f\u5f62\u5f0f\u663e\u793a\u65f6\u95f4\uff0c\u76f4\u89c2<br \/>\n\u57fa\u4e8ehtml5\u7ed8\u5236\uff0c\u4ec5\u652f\u6301IE9\u4ee5\u4e0a\u6d4f\u89c8\u5668<\/td>\n<\/tr>\n<tr>\n<td rowspan=\"2\">\u4f7f\u7528\u8bf4\u660e<\/td>\n<td colspan=\"3\" width=\"1040\">1.\u5f15\u5165\u5982\u4e0bjs<br \/>\n\u5982\u679c\u6ca1\u6709\u5f15\u5165\u4ee5\u4e0bjs\uff0c\u90a3\u4e48\u9700\u8981\u5f15\u5165\u4ee5\u4e0bjs\uff1a<br \/>\n&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; href=&#8221;\/js\/jquery-clockpicker\/assets\/css\/bootstrap.min_wev8.css&#8221;&gt;<br \/>\n&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; href=&#8221;\/js\/jquery-clockpicker\/dist\/bootstrap-clockpicker.min_wev8.css&#8221;&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;\/js\/jquery-clockpicker\/assets\/js\/bootstrap.min_wev8.js&#8221;&gt;&lt;\/script&gt;<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;\/js\/jquery-clockpicker\/dist\/bootstrap-clockpicker.min_wev8.js&#8221;&gt;&lt;\/script&gt;<\/td>\n<\/tr>\n<tr>\n<td colspan=\"3\" width=\"1040\">2\u3001\u9875\u9762\u6307\u5b9a\u4e00\u4e2a\u663e\u793a\u533a\u57df<br \/>\n&lt;!&#8211; Input group, just add class &#8216;clockpicker&#8217;, and optional data-* &#8211;&gt;<br \/>\n&lt;div class=&#8221;input-group clockpicker&#8221; data-placement=&#8221;right&#8221; data-align=&#8221;top&#8221; data-autoclose=&#8221;true&#8221;&gt;<br \/>\n&lt;input type=&#8221;text&#8221; class=&#8221;form-control&#8221; value=&#8221;09:32&#8243;&gt;<br \/>\n&lt;span class=&#8221;input-group-addon&#8221;&gt;<br \/>\n&lt;span class=&#8221;glyphicon glyphicon-time&#8221;&gt;&lt;\/span&gt;<br \/>\n&lt;\/span&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;!&#8211; Or just a input &#8211;&gt;<br \/>\n&lt;input id=&#8221;demo-input&#8221; \/&gt;<br \/>\n3\u3001\u5f53\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\uff0c\u5728\u9875\u9762\u4e0a\u8c03\u7528\u5982\u4e0b\u65b9\u6cd5<br \/>\njQuery(document).ready(function(){<br \/>\n$(&#8216;.clockpicker&#8217;).clockpicker()<br \/>\n.find(&#8216;input&#8217;).change(function(){<br \/>\n\/\/ TODO: time changed<br \/>\nconsole.log(this.value);<br \/>\n});<br \/>\n$(&#8216;#demo-input&#8217;).clockpicker({<br \/>\nautoclose: true<br \/>\n});<\/p>\n<p>if (something) {<br \/>\n\/\/ Manual operations (after clockpicker is initialized).<br \/>\n$(&#8216;#demo-input&#8217;).clockpicker(&#8216;show&#8217;) \/\/ Or hide, remove &#8230;<br \/>\n.clockpicker(&#8216;toggleView&#8217;, &#8216;minutes&#8217;);<br \/>\n}<br \/>\n});<\/td>\n<\/tr>\n<tr>\n<td>\u4f8b\u5b50<\/td>\n<td colspan=\"3\" width=\"1040\">\n<table>\n<tbody>\n<tr>\n<td colspan=\"3\" width=\"1040\"><a href=\"https:\/\/github.com\/weareoutman\/clockpicker\">https:\/\/github.com\/weareoutman\/clockpicker<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<tr>\n<td>API<\/td>\n<td colspan=\"3\"><a href=\"https:\/\/github.com\/weareoutman\/clockpicker\">https:\/\/github.com\/weareoutman\/clockpicker<\/a><\/td>\n<\/tr>\n<tr>\n<td>Demo<\/td>\n<td colspan=\"3\" width=\"1040\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u8f6c\u8f7d\u8bf7\u6ce8\u660e\uff1a<a href=\"https:\/\/www.hefeiyu.com\">\u8d6b\u975e\u57df<\/a> &raquo; <a href=\"https:\/\/www.hefeiyu.com\/?p=1850\">ecology\u5f00\u53d1\u4e4bclockpicker\u7ec4\u4ef6<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u7ec4\u4ef6 clockpicker\u7ec4\u4ef6\uff08\u65f6\u95f4\u9009\u62e9\u63a7\u4ef6\uff09 \u529f\u80fd\u8bf4\u660e \u57fa\u4e8ejQuery\u65f6\u95f4\u9009\u62e9\u63a7\u4ef6\uff0c\u5176\u7279\u70b9\u5982\u4e0b\uff1a \u4ee5\u65f6\u949f\u5f62\u5f0f\u663e\u793a\u65f6\u95f4\uff0c\u76f4\u89c2 \u57fa\u4e8ehtml5\u7ed8\u5236\uff0c\u4ec5\u652f\u6301IE9\u4ee5\u4e0a\u6d4f\u89c8\u5668 \u4f7f\u7528\u8bf4\u660e 1.\u5f15\u5165\u5982\u4e0bjs \u5982\u679c\u6ca1\u6709\u5f15\u5165\u4ee5\u4e0bjs\uff0c\u90a3\u4e48\u9700\u8981\u5f15\u5165\u4ee5\u4e0bjs\uff1a &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[612,546,102],"class_list":["post-1850","post","type-post","status-publish","format-standard","hentry","category-code","tag-clockpicker","tag-css","tag-js"],"_links":{"self":[{"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/posts\/1850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1850"}],"version-history":[{"count":1,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/posts\/1850\/revisions"}],"predecessor-version":[{"id":1851,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=\/wp\/v2\/posts\/1850\/revisions\/1851"}],"wp:attachment":[{"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hefeiyu.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}