{"id":3104,"date":"2019-06-04T14:52:28","date_gmt":"2019-06-04T06:52:28","guid":{"rendered":"https:\/\/www.webteach.tw\/?p=3104"},"modified":"2019-06-04T14:52:28","modified_gmt":"2019-06-04T06:52:28","slug":"bootstrap-plugin-bootstrap-datetimepicker","status":"publish","type":"post","link":"https:\/\/www.webteach.tw\/?p=3104","title":{"rendered":"[ Bootstrap Plugin ] – bootstrap-datetimepicker"},"content":{"rendered":"\n

\u4ee5\u5f80\u5c08\u6848\u90fd\u53ea\u7528\u5230datepicker\uff0c\u4f46\u6700\u8fd1\u7684\u6848\u5b50\u9700\u8981\u7d30\u5230\u5206(\u9019\u90e8\u4efd\u5176\u5be6\u662f\u6709timepicker)\uff1b\u4f46\u56e0\u70ba\u8cc7\u6599\u5eab\u6211\u60f3\u8981\u5b58datetime \u5e74\u6708\u65e5\u6642\u5206\u79d2 \u6240\u4ee5 \u627e\u4e86\u9019\u5957 bootstrap-datetimepicker \uff0c\u5b98\u7db2\u4e0a\u5df2\u6709\u6eff\u591a\u7bc4\u4f8b\u6240\u4ee5\u4e0b\u9762\u7684\u7bc4\u4f8b\u662f\u4ee5\u65e5\u671f\u6642\u9593\u5340\u9593\u7684\u9700\u6c42\uff0c\u4e5f\u5c31\u662f\u6709\u7d81\u5b9a \u958b\u59cb\u65e5\u671f\u6642\u9593 \u8207 \u7d50\u901f\u65e5\u671f\u6642\u9593 \u662f\u4e0d\u80fd\u91cd\u758a\uff0c\u4e14\u4e5f\u4e0d\u7d66\u4f7f\u7528\u8005\u4f7f\u7528\u8f38\u5165\u6846 \u6b04\u4f4d\u552f\u8b80\u8a2d\u5b9a\uff0c\u4ee5\u53ca\u8a2d\u5b9a\u754c\u9762\u7684\u8a9e\u7cfb\u3002<\/p>\n\n\n

\u5b98\u7db2\uff1ahttps:\/\/eonasdan.github.io\/bootstrap-datetimepicker\/<\/a><\/p>\n\n\n

\n<!-- css\u90e8\u4efd -->\n<link href=\".\/css\/bootstrap-datetimepicker.css\" rel=\"stylesheet\">\n<style>\n.container {\n\tmargin-top: 80px;\n}\n<\/style><\/code><\/pre>\n\n\n
\n<!-- html\u90e8\u4efd -->\n<div class='input-group date' id='dt_start'>\n    <span class=\"input-group-addon\">\u958b\u59cb\u65e5\u671f\u6642\u9593<\/span>\n    <input type='text'  class=\"form-control\" readonly\/>\n    <span class=\"input-group-addon\">\n        <span class=\"glyphicon glyphicon-calendar\"><\/span>\n    <\/span>\n<\/div>\n<div class='input-group date' id='dt_start'>\n    <span class=\"input-group-addon\">\u7d50\u901f\u65e5\u671f\u6642\u9593<\/span>\n    <input type='text'  class=\"form-control\" readonly\/>\n    <span class=\"input-group-addon\">\n        <span class=\"glyphicon glyphicon-calendar\"><\/span>\n    <\/span>\n<\/div><\/code><\/pre>\n\n\n
\n<!-- javascript \u90e8\u4efd -->\n<script src=\".\/js\/moment-with-locales.js\"><\/script>\n<script src=\".\/js\/bootstrap-datetimepicker.js\"><\/script>\n<script>\n\t$(document).ready(function() {\n\t\t$(\"#dt_start\").datetimepicker({\n\t\t\tlocale: 'zh-tw',\/\/\u4f7f\u7528\u7e41\u9ad4\u4e2d\u6587\u754c\u9762\n\t\t\tformat: 'YYYY-MM-D HH:mm:ss',\/\/\u65e5\u671f\u6642\u9593\u683c\u5f0f\n\t\t\tignoreReadonly: true  \/\/\u7981\u6b62\u4f7f\u7528\u8005\u8f38\u5165 \u555f\u7528\u552f\u8b80\n\t\t});\n\t\t$(\"#dt_end).datetimepicker({\n\t\t\tlocale: 'zh-tw',\n\t\t\tformat: 'YYYY-MM-D HH:mm:ss',\n\t\t\tuseCurrent: false,\n\t\t\tignoreReadonly: true\n\t\t});\n                \/\/\u65e5\u671f\u6642\u9593\u5340\u9593\n\t\t$(\"#dt_start\").on(\"dp.change\", function (e) {\n          \t\t$('#dt_end').data(\"DateTimePicker\").minDate(e.date);\n        \t});\n        \t$(\"#dt_end\").on(\"dp.change\", function (e) {\n            \t\t$('#dt_start').data(\"DateTimePicker\").maxDate(e.date);\n        \t});\n\t});\n<\/script><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\t\t\t\t\u4ee5\u5f80\u5c08\u6848\u90fd\u53ea\u7528\u5230datepicker\uff0c\u4f46\u6700\u8fd1\u7684\u6848\u5b50\u9700\u8981\u7d30\u5230\u5206(\u9019\u90e8\u4efd\u5176\u5be6\u662f\u6709timepicker)\uff1b\u4f46\u56e0\u70ba\u8cc7\u6599\u5eab\u6211\u60f3\u8981\u5b58datetime \u5e74\u6708\u65e5\u6642\u5206\u79d2 \u6240\u4ee5 \u627e\u4e86\u9019\u5957 bootstrap-datetimepicker \uff0c\u5b98\u7db2\u4e0a\u5df2\u6709\u6eff\u591a\u7bc4\u4f8b\u6240\u4ee5\u4e0b\u9762\u7684\u7bc4\u4f8b\u662f\u4ee5\u65e5\u671f\u6642\u9593\u5340\u9593\u7684\u9700\u6c42\uff0c\u4e5f\u5c31\u662f\u6709\u7d81\u5b9a \u958b\u59cb\u65e5\u671f\u6642\u9593 \u8207 \u7d50\u901f\u65e5\u671f\u6642\u9593 \u662f\u4e0d\u80fd\u91cd\u758a\uff0c\u4e14\u4e5f\u4e0d\u7d66\u4f7f\u7528\u8005\u4f7f\u7528\u8f38\u5165\u6846 \u6b04\u4f4d\u552f\u8b80\u8a2d\u5b9a\uff0c\u4ee5\u53ca\u8a2d\u5b9a\u754c\u9762\u7684\u8a9e\u7cfb\u3002\t\t<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,31],"tags":[142,143,200,462,564,924],"class_list":["post-3104","post","type-post","status-publish","format-standard","hentry","category-bootstrap","category-jquery","tag-bootstrap","tag-bootstrap-datetimepicker","tag-datetimepicker","tag-plugin","tag-timepicker","tag-924"],"_links":{"self":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/posts\/3104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3104"}],"version-history":[{"count":0,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/posts\/3104\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}