{"id":2022,"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 \u7279\u5b9a\u65e5\u671f\u683c\u5f0f","status":"publish","type":"post","link":"https:\/\/bianchenghao6.com\/2022.html","title":{"rendered":"Bootstrap \u7279\u5b9a\u65e5\u671f\u683c\u5f0f"},"content":{"rendered":"


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

\n

Bootstrap \u7279\u5b9a\u65e5\u671f\u683c\u5f0f<\/h1>\n<\/p><\/div>\n

Bootstrap \u7279\u5b9a\u65e5\u671f\u683c\u5f0f<\/h2>\n
\n \u4e00\u4e2aHTML CSS\u6846\u67b6\u53ef\u4ee5\u79f0\u4e3aBootstrap\u3002\u4f7f\u7528\u6b64\u529f\u80fd\uff0c\u7528\u6237\u53ef\u4ee5\u505a\u51fa\u66f4\u8d1f\u8d23\u4efb\u7684\u8bbe\u8ba1\u3002\u6709\u65f6\u6211\u4eec\u7684\u9879\u76ee\u9700\u8981\u9009\u62e9\u65e5\u671f\u9009\u62e9\u3002\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u65e5\u671f\u7684\u5185\u90e8\u503c\u4fdd\u7559\u4e3a\u4eca\u5929\u3002\u5f53\u65e5\u5386\u901a\u8fc7datepicker\u6253\u5f00\u65f6\uff0c\u800c\u4e0d\u662f\u50cf\u4eca\u5929\u90a3\u6837\u6253\u5f00\u65e5\u5386\u65f6\uff0c\u5b83\u5c06\u6253\u5f00\u5230defaultViewDate\u3002 Bootstrap datepicker\u4ee5Twitter Bootstrap\u6837\u5f0f\u63d0\u4f9b\u4e86\u4e00\u4e2a\u7075\u6d3b\u7684datepicker\u5c0f\u90e8\u4ef6\u3002\n <\/div>\n
\n \u5982\u679c\u6211\u4eec\u60f3\u542f\u7528\u8f93\u5165\u5b57\u6bb5\u6765\u8f93\u5165\u65e5\u671f\uff0cdatepicker\u5c06\u975e\u5e38\u200b\u200b\u6709\u7528\u3002\u4f7f\u7528\u6b64\u529f\u80fd\uff0c\u6211\u4eec\u53ef\u4ee5\u8f7b\u677e\u9009\u62e9\u65e5\u671f\uff0c\u5e76\u4e14\u5b83\u5bf9\u7528\u6237\u53cb\u597d\u3002\u6211\u4eec\u53ef\u4ee5\u4ece\"\u65e5\u671f\u9009\u62e9\u5668\"\u5bf9\u8bdd\u6846\u4e2d\u9009\u62e9\u65e5\u671f\uff0c\u800c\u4e0d\u662f\u5728\u8f93\u5165\u5b57\u6bb5\u4e2d\u624b\u52a8\u8f93\u5165\u65e5\u671f\u3002 bootstrap\u7684datepicker\u63d2\u4ef6\u4f7f\u7528jQuery\uff0c\u8fd9\u6709\u52a9\u4e8e\u4ee5\u8f93\u5165\u5143\u7d20\u7684\u5f62\u5f0f\u6dfb\u52a0Datepciker\u3002 Bootstrap datepicker\u63d0\u4f9b\u4e86\u4e00\u79cd\u5373\u65f6\u89e3\u51b3\u65b9\u6848\uff0c\u53ef\u4ee5\u5728\u7f51\u7ad9\u7684\u8868\u5355\u5b57\u6bb5\u4e2d\u6dfb\u52a0datepicker\u5f39\u51fa\u7a97\u53e3\u4ee5\u9009\u62e9\u65e5\u671f\u3002\n <\/div>\n
\n \u5728\u6211\u4eec\u7684\u7a0b\u5e8f\u4e2d\uff0c\u5982\u679c\u6211\u4eec\u8981\u6c42\u65e5\u671f\u9009\u62e9\u5668\u4f7f\u7528\u5176\u65e5\u671f\u683c\u5f0f\uff0c\u4f8b\u5982dd\/mm\/yyyy\uff0cyyyy-mm-dd\uff0cdd\/mm\/yyyy\uff0cdd-mm-yyyy\u7b49\uff0c\u8fd9\u5bf9\u6211\u4eec\u6765\u8bf4\u975e\u5e38\u5bb9\u6613\u8fd9\u3002\u4e3a\u4e86\u8bbe\u7f6e\u65e5\u671f\u683c\u5f0f\uff0c\u6211\u4eec\u53ea\u9700\u8981\u6dfb\u52a0\u4e00\u4e2a\u53c2\u6570\u7684\u683c\u5f0f\uff0c\u7136\u540e\u6211\u4eec\u5c06\u6dfb\u52a0\u6240\u9700\u7684\u683c\u5f0f\uff0c\u5982\u4ee5\u4e0b\u793a\u4f8b\u6240\u793a:\n <\/div>\n
\n \u793a\u4f8b1:\n <\/div>\n
\n \u5728\u6b64\u793a\u4f8b\u4e2d\uff0c\u6211\u4eec\u5c06\u4f7f\u7528dd-mm-yyyy\u683c\u5f0f\u3002\n <\/div>\n
\n
<html lang=\"en\"<\/span>>\n<head>\n    <title>Bootstrap Datepicker with required format of date Example 1<\/title> \n    <link href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.6\/css\/bootstrap.min.css\"<\/span> rel=\"stylesheet\"<\/span><\/span>>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datepicker\/1.5.0\/css\/bootstrap-datepicker.css\"<\/span> rel=\"stylesheet\">\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 src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datepicker\/1.5.0\/js\/bootstrap-datepicker.js\"<\/span>><\/script> \n<\/head>\n<body>\n \n<input class=\"date form-control\"<\/span> style=\"width: 250px;\"<\/span> type=\"text\"<\/span>>\n \n<script type=\"text\/javascript\"<\/span>>\n    $('.date'<\/span>).datepicker<\/span>({\n       format: 'dd-mm-yyyy'<\/span>\n     });\n<\/script>\n \n<\/body>\n<\/html><\/pre>\n
<\/code>\n  <\/div>\n
\n    \u793a\u4f8b2:\n  <\/div>\n
\n    \u5728\u6b64\u793a\u4f8b\u4e2d\uff0c\u6211\u4eec\u5c06\u4f7f\u7528dd\/mm\/yyyy\u683c\u5f0f\u3002\n  <\/div>\n
\n
<html lang=\"en\"<\/span>>\n<head>\n    <title> Bootstrap Datepicker with required format of date Example 2 <\/title>  \n    <link href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.6\/css\/bootstrap.min.css\"<\/span> rel=\"stylesheet\"<\/span><\/span>>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datepicker\/1.5.0\/css\/bootstrap-datepicker.css\"<\/span> rel=\"stylesheet\">\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 src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datepicker\/1.5.0\/js\/bootstrap-datepicker.js\"<\/span>> <\/script>  \n<\/head>\n<body>\n<input class=\"date form-control\"<\/span> style=\"width: 250px;\"<\/span> type=\"text\"<\/span>>\n<script type=\"text\/javascript\"<\/span>>\n    $('.date'<\/span>).datepicker<\/span>({\n       format: 'dd\/mm\/yyyy'<\/span>\n     });\n<\/script>\n<\/body>\n<\/html><\/pre>\n
<\/code>\n  <\/div>\n
\n    \u793a\u4f8b3:\n  <\/div>\n
\n    \u5728\u6b64\u793a\u4f8b\u4e2d\uff0c\u6211\u4eec\u5c06\u4f7f\u7528mm-dd-yyyy\u683c\u5f0f\u3002\n  <\/div>\n
\n
<html lang=\"en\"<\/span>>\n<head>\n    <title> Bootstrap Datepicker with required format of date Example 3 <\/title>  \n    <link href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.6\/css\/bootstrap.min.css\"<\/span> rel=\"stylesheet\"<\/span><\/span>>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datepicker\/1.5.0\/css\/bootstrap-datepicker.css\"<\/span> rel=\"stylesheet\">\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 src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datepicker\/1.5.0\/js\/bootstrap-datepicker.js\"<\/span>> <\/script>  \n<\/head>\n<body>\n<input class=\"date form-control\"<\/span> style=\"width: 250px;\"<\/span> type=\"text\"<\/span>>\n<script type=\"text\/javascript\"<\/span>>\n    $('.date'<\/span>).datepicker<\/span>({\n       format: 'mm-dd-yyyy'<\/span>\n     });\n<\/script>\n<\/body>\n<\/html><\/pre>\n
<\/code>\n  <\/div>\n
\n
 <\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Bootstrap \u7279\u5b9a\u65e5\u671f\u683c\u5f0fzh-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-2022","post","type-post","status-publish","format-standard","hentry","category-bootstrapjc"],"_links":{"self":[{"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/posts\/2022"}],"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=2022"}],"version-history":[{"count":0,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/posts\/2022\/revisions"}],"wp:attachment":[{"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/media?parent=2022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/categories?post=2022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/tags?post=2022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}