{"id":12241,"date":"2023-05-30T16:20:07","date_gmt":"2023-05-30T08:20:07","guid":{"rendered":"https:\/\/blog.hoyo.idv.tw\/?p=12241"},"modified":"2023-05-30T16:20:07","modified_gmt":"2023-05-30T08:20:07","slug":"bootstrap-datepicker","status":"publish","type":"post","link":"https:\/\/blog.hoyo.idv.tw\/?p=12241","title":{"rendered":"Bootstrap - DatePicker"},"content":{"rendered":"<p>--<\/p>\n<h2>\u53c3\u8003\u8cc7\u6e90<\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/uxsolutions\/bootstrap-datepicker\" target=\"_blank\" rel=\"noopener\">bootstrap-datepicker<\/a><\/li>\n<li><a href=\"https:\/\/uxsolutions.github.io\/bootstrap-datepicker\/?markup=input&amp;format=&amp;weekStart=&amp;startDate=&amp;endDate=&amp;startView=0&amp;minViewMode=0&amp;maxViewMode=4&amp;todayBtn=false&amp;clearBtn=false&amp;language=en&amp;orientation=auto&amp;multidate=&amp;multidateSeparator=&amp;keyboardNavigation=on&amp;forceParse=on#sandbox\" target=\"_blank\" rel=\"noopener\">bootstrap-datepicker sandbox<\/a>\u00a0\u6c99\u76d2\u6e2c\u8a66<\/li>\n<\/ul>\n<p>--<\/p>\n<h2>\u4e2d\u6587\u5316\u3001\u521d\u59cb\u5316<\/h2>\n<pre class=\"lang:js decode:true\">&lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datepicker\/1.10.0\/js\/bootstrap-datepicker.min.js\"&gt;&lt;\/script&gt;\r\n&lt;link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/bootstrap-datepicker\/1.10.0\/css\/bootstrap-datepicker.min.css\"&gt;\r\n&lt;script&gt;\r\n    !function(a){a.fn.datepicker.dates[\"zh-TW\"]={days:[\"\u661f\u671f\u65e5\",\"\u661f\u671f\u4e00\",\"\u661f\u671f\u4e8c\",\"\u661f\u671f\u4e09\",\"\u661f\u671f\u56db\",\"\u661f\u671f\u4e94\",\"\u661f\u671f\u516d\"],daysShort:[\"\u9031\u65e5\",\"\u9031\u4e00\",\"\u9031\u4e8c\",\"\u9031\u4e09\",\"\u9031\u56db\",\"\u9031\u4e94\",\"\u9031\u516d\"],daysMin:[\"\u65e5\",\"\u4e00\",\"\u4e8c\",\"\u4e09\",\"\u56db\",\"\u4e94\",\"\u516d\"],months:[\"\u4e00\u6708\",\"\u4e8c\u6708\",\"\u4e09\u6708\",\"\u56db\u6708\",\"\u4e94\u6708\",\"\u516d\u6708\",\"\u4e03\u6708\",\"\u516b\u6708\",\"\u4e5d\u6708\",\"\u5341\u6708\",\"\u5341\u4e00\u6708\",\"\u5341\u4e8c\u6708\"],monthsShort:[\"1\u6708\",\"2\u6708\",\"3\u6708\",\"4\u6708\",\"5\u6708\",\"6\u6708\",\"7\u6708\",\"8\u6708\",\"9\u6708\",\"10\u6708\",\"11\u6708\",\"12\u6708\"],today:\"\u4eca\u5929\",weekStart:1,format: \"yyyy-mm-dd\",titleFormat:\"yyyy \u5e74 mm \u6708\",clear:\"\u6e05\u9664\"}}(jQuery);\r\n&lt;\/script&gt;<\/pre>\n<ul>\n<li>dates[\"zh-TW\"] \u4e2d\u6587\u5316<\/li>\n<li>format \u65e5\u671f\u683c\u5f0f<\/li>\n<li>titleFormat \u6a19\u984c\u5e74\u3001\u6708\u683c\u5f0f<\/li>\n<li>weekStart \u6bcf\u9031\u958b\u59cb\u661f\u671f<\/li>\n<\/ul>\n<p>--<\/p>\n<h2>\u5be6\u969b\u61c9\u7528<\/h2>\n<p>JavsScript<\/p>\n<pre class=\"lang:default decode:true\">$(\".datepicker\").datepicker({\r\n    autoclose: true,\r\n    todayHighlight: true,\r\n    language: \"zh-TW\",\r\n    endDate: new Date(),\r\n    zIndexOffset:2000,\r\n});<\/pre>\n<p>CSS<\/p>\n<p>\u8a2d\u5b9a\u8d85\u904e\u4eca\u65e5\u7684\u986f\u793a\u683c\u5f0f\u70ba\u7070\u5e95<\/p>\n<pre class=\"lang:css decode:true \">.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {\r\n    background-color: #f1f1f1;\r\n}<\/pre>\n<p>\u6210\u679c<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-12244\" src=\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2023\/05\/2023-05-30-09-31-14.png\" alt=\"\" width=\"279\" height=\"300\" \/><\/p>\n<p>--<\/p>\n<h2>\u66f4\u65b0<\/h2>\n<pre class=\"lang:js decode:true\">$('#abc').val().datepicker('update', date('Y-m-d'));<\/pre>\n<p>--<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"12241\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,776&nbsp;total views, &nbsp;2&nbsp;views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>-- \u53c3\u8003\u8cc7\u6e90 bootstr...<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"12241\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,776&nbsp;total views, &nbsp;2&nbsp;views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[262],"tags":[165,343],"_links":{"self":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/12241"}],"collection":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12241"}],"version-history":[{"count":4,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/12241\/revisions"}],"predecessor-version":[{"id":12250,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/12241\/revisions\/12250"}],"wp:attachment":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}