{"id":2026,"date":"2023-03-25T14:33:59","date_gmt":"2023-03-25T06:33:59","guid":{"rendered":""},"modified":"2023-03-25T14:33:59","modified_gmt":"2023-03-25T06:33:59","slug":"Bootstrap datetimepicker","status":"publish","type":"post","link":"https:\/\/bianchenghao6.com\/2026.html","title":{"rendered":"Bootstrap datetimepicker"},"content":{"rendered":"


\n <\/head>
\n <\/p>\n

\n

Bootstrap datetimepicker<\/h1>\n<\/p><\/div>\n

Bootstrap datetimepicker<\/h2>\n
\n \u5728\u672c\u8282\u4e2d\uff0c\u6211\u4eec\u5c06\u4f7f\u7528php\u5e94\u7528\u7a0b\u5e8f\u6216html\u6dfb\u52a0\u65f6\u95f4\u9009\u62e9\u5668\u3002\u5728\u4e0a\u4e00\u8282\u4e2d\uff0c\u6211\u4eec\u5b66\u4e60\u4e86datepicker\u63d2\u4ef6\u6765\u7ba1\u7406\u65e5\u671f\uff0c\u4f46\u662f\u5f88\u591a\u65f6\u5019\u6211\u4eec\u7684\u7528\u6237\u4e0d\u4ec5\u8981\u9009\u62e9\u65e5\u671f\uff0c\u8fd8\u8981\u9009\u62e9\u65f6\u95f4\u3002\u4f46\u662f\u5e78\u8fd0\u7684\u662f\uff0c\u6211\u4eec\u7684\u5f00\u53d1\u4eba\u5458\u6210\u529f\u5730\u627e\u5230\u4e86\u5b83\uff0c\u5e76\u5411Bootstrap\u6846\u67b6\u6dfb\u52a0\u4e86\u8bb8\u591a\u6709\u7528\u7684\u529f\u80fd\u3002\u8fd9\u4e9b\u529f\u80fd\u4e4b\u4e00\u4f7f\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528DateTimePicker\u9009\u62e9\u65f6\u95f4\u548c\u65e5\u671f\u3002\n <\/div>\n
\n \u5982\u679c\u6211\u4eec\u53ea\u60f3\u901a\u8fc7\u590d\u5236\u548c\u7c98\u8d34\u4ee3\u7801\u6765\u67e5\u627e\u65f6\u95f4\u9009\u62e9\u5668\uff0c\u5219\u4ee5\u4e0b\u4ee3\u7801\u5bf9\u6211\u4eec\u5f88\u6709\u7528\u3002\u4ee5\u4e0b\u4ee3\u7801\u663e\u793a\u4e86\u627e\u5230\u65f6\u95f4\u9009\u62e9\u5668\u7684\u5b8c\u6574\u4ee3\u7801\u3002\u5982\u679c\u8981\u4f7f\u7528\u6b64\u4ee3\u7801\uff0c\u5219\u65e0\u9700\u5b89\u88c5\u4efb\u4f55\u5185\u5bb9\u3002\u5982\u679c\u8981\u67e5\u627e\u65f6\u95f4\u9009\u62e9\u5668\uff0c\u5219\u5fc5\u987b\u4f7f\u7528\u975e\u5e38\u6d41\u884c\u7684\u5e93\uff0c\u5373datetimepicker\u5e93\u3002\u4f7f\u7528\u8be5\u5e93\uff0c\u6211\u4eec\u8fd8\u53ef\u4ee5\u8bbe\u7f6edatepicker\u3002\u8be5\u5e93\u7528\u4e8e\u542f\u7528\u8f93\u5165\u65e5\u671f\u548c\u65f6\u95f4\u7684\u8f93\u5165\u5b57\u6bb5\u3002\n <\/div>\n
\n \u5982\u679c\u6211\u4eec\u8981\u9009\u62e9\u65e5\u671f\u548c\u65f6\u95f4\uff0c\u8be5\u5e93\u5c06\u975e\u5e38\u6709\u7528\uff0c\u56e0\u4e3a\u5b83\u63d0\u4f9b\u4e86\u4e00\u79cd\u975e\u5e38\u7528\u6237\u53cb\u597d\u7684\u65b9\u5f0f\u3002\u5982\u679c\u6211\u4eec\u60f3\u5728\u8f93\u5165\u5b57\u6bb5\u4e2d\u6dfb\u52a0DateTimePicker\uff0c\u800c\u6211\u4eec\u7684\u5e94\u7528\u7a0b\u5e8f\u4f7f\u7528Bootstrap\u6846\u67b6\uff0c\u5219\u53ef\u4ee5\u4f7f\u7528 Bootstrap\u7684jQuery\u63d2\u4ef6\u8f7b\u677e\u6dfb\u52a0\u5b83DateTimePicker \u3002\u501f\u52a9 bootstrap DateTimePicker\u63d2\u4ef6\u7684\u5e2e\u52a9\uff0c\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7jQuery \u3002\u4e3a\u4e86\u4ece\u6211\u4eec\u7f51\u7ad9\u7684\u8868\u5355\u5b57\u6bb5\u4e2d\u9009\u62e9\u65e5\u671f\u548c\u65f6\u95f4\uff0c\u6b64\u63d2\u4ef6\u5c06\u4e3a\u6211\u4eec\u63d0\u4f9b\u4e00\u4e2a\u5373\u65f6\u89e3\u51b3\u65b9\u6848\uff0c\u4ee5\u6dfb\u52a0datetimepicker\u7684\u5f39\u51fa\u7a97\u53e3\u3002\u7528\u6237\u53ef\u4ee5\u9009\u62e9\u4f7f\u7528DateTimePicker\u4e0b\u62c9\u83dc\u5355\uff0c\u5355\u51fb\u4e00\u4e0b\u5373\u53ef\u8f7b\u677e\u83b7\u5f97\u5c0f\u65f6\uff0c\u5206\u949f\uff0c\u5e74\uff0c\u6708\uff0c\u65e5\uff0c\u79d2\u7b49\u3002\n <\/div>\n
\n \u4f7f\u7528datetimepicker\uff0c\u6211\u4eec\u4e0d\u5fc5\u624b\u52a8\u8f93\u5165\u5b57\u6bb5\u4ee5\u67e5\u627e\u65e5\u671f\u548c\u65f6\u95f4\u3002\u6211\u4eec\u5c06\u4f7f\u7528Datetimepicker\u5bf9\u8bdd\u6846\u5e76\u9009\u62e9\u65e5\u671f\u548c\u65f6\u95f4\u3002\u5982\u679c\u9700\u8981\u6211\u4eec\u7684\u4ee3\u7801\u6765\u6784\u5efa\u65f6\u95f4\u9009\u62e9\u5668\u548c\u65e5\u671f\u9009\u62e9\u5668\uff0c\u5219\u53ef\u4ee5\u4f7f\u7528datetimepicker\u5e93\u8fdb\u884c\u8bbe\u7f6e\u3002\u5728\u6211\u4eec\u7684\u793a\u4f8b\u4e2d\uff0c\u6211\u4eec\u8bbe\u7f6e\u4e86\" HH: mm\"\u683c\u5f0f\uff0c\u8fd9\u662f\u6211\u4eec\u7684\u81ea\u5b9a\u4e49\u683c\u5f0f\u3002\u5982\u679c\u6211\u4eec\u8981\u6dfb\u52a0\u5176\u4ed6\u683c\u5f0f\uff0c\u4f8b\u5982\" HH: mm: ss\"\uff0c\u6211\u4eec\u4e5f\u53ef\u4ee5\u8fd9\u6837\u505a\u3002\n <\/div>\n
\n \u793a\u4f8b:\n <\/div>\n
\n
<html lang=\"en\"<\/span>>\n<head>\n    <title> Example of Bootstrap Timepicker <\/title>  \n    <link href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.6\/css\/bootstrap.min.css\"<\/span> rel=\"stylesheet\"<\/span><\/span>>\n    <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.9.1\/jquery.js\"<\/span>><\/script>\n    <script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.6\/js\/bootstrap.min.js\"<\/span>><\/script>  \n    <script type=\"text\/javascript\"<\/span> src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.9.0\/moment.min.js\"<\/span>><\/script>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datetimepicker\/4.17.37\/css\/bootstrap-datetimepicker.min.css\"<\/span> rel=\"stylesheet\">\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datetimepicker\/4.17.37\/js\/bootstrap-datetimepicker.min.js\"<\/span>><\/script>  \n<\/head>\n<body>\n<div class=\"container\"<\/span> style=\"margin-top: 20px\"<\/span>>\n    <div style=\"position: relative\"<\/span>>\n        <input class=\"form-control\"<\/span> type=\"text\"<\/span> id=\"time\"<\/span>\/>\n    <\/div>\n<\/div>\n<script>\n    $('#time'<\/span>).datetimepicker<\/span>({<\/span>\n        format: 'HH:mm'<\/span>\n    });\n<\/script>\n<\/body>\n<\/html><\/pre>\n

<\/code>\n <\/div>\n

\n \u6267\u884c\u4e0a\u8ff0\u4ee3\u7801\u65f6\uff0c\u6211\u4eec\u5c06\u770b\u5230\u4ee5\u4e0b\u8f93\u51fa:\n <\/div>\n

Bootstrap datetimepicker_https:\/\/bianchenghao6.com_\u3010Bootstrap \u6559\u7a0b\u3011_\u7b2c1\u5f20 <\/p>\n


\n

<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Bootstrap datetimepickerzh-cn","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[163],"tags":[],"class_list":["post-2026","post","type-post","status-publish","format-standard","hentry","category-bootstrapjc"],"_links":{"self":[{"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/posts\/2026"}],"collection":[{"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/comments?post=2026"}],"version-history":[{"count":0,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/posts\/2026\/revisions"}],"wp:attachment":[{"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/media?parent=2026"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/categories?post=2026"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/tags?post=2026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}