{"id":57,"date":"2023-10-10T15:46:14","date_gmt":"2023-10-10T06:46:14","guid":{"rendered":"https:\/\/support.three-meister.com\/techwiki\/?post_type=blog&#038;p=57"},"modified":"2023-10-11T14:12:28","modified_gmt":"2023-10-11T05:12:28","slug":"%e3%80%90bootstrap4%e3%80%91%e3%82%ab%e3%83%ac%e3%83%b3%e3%83%80%e3%83%bc%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95","status":"publish","type":"blog","link":"https:\/\/support.three-meister.com\/techwiki\/?blog=%e3%80%90bootstrap4%e3%80%91%e3%82%ab%e3%83%ac%e3%83%b3%e3%83%80%e3%83%bc%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95","title":{"rendered":"\u3010BootStrap4\u3011\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u8868\u793a\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"<p>BootStrap\u3067\u306fInput\u30dc\u30c3\u30af\u30b9\u306b\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u8868\u793a\u3059\u308b\u300c<span class=\"q_underline q_underline3\" style=\"border-bottom-color: #ff99b8;\">DatePicker<\/span>\u300d\u3068\u3044\u3046\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u304c\u3042\u308a\u307e\u3059\u3002<br \/>\nBootStrap\u306e\u6a5f\u80fd\u306eBootStrap-DatePicker\u3092\u4f7f\u7528\u3057\u3066\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u306e\u5165\u529b\u88dc\u52a9\u6a5f\u80fd\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5\u3092\u8a18\u8f09\u81f4\u3057\u307e\u3059\u3002<\/p>\n<h2 class=\"styled_h2\">\uff11\uff0e\u30d8\u30c3\u30c0\u30fc\u90e8\u3078\u306e\u8a2d\u5b9a<\/h2>\n<p>DatePicker\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u306f\u3001\u4f7f\u7528\u3057\u305f\u3044aspx\u30d5\u30a1\u30a4\u30eb\u306e\u30d8\u30c3\u30c0\u30fc\u30bf\u30b0\u5185\u306b\u4ee5\u4e0b\u306e\u30bf\u30b0\u3092\u633f\u5165\u3057\u307e\u3059\u3002<br \/>\n\u203bBootStrap\u81ea\u4f53\u3092\u52d5\u4f5c\u3059\u308b\u305f\u3081\u306b\u5225\u9014BootStrap\u306e\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3068js\u30d5\u30a1\u30a4\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002\u8a73\u3057\u304f\u306f<a href=\"?post_type=blog&amp;p=65&amp;preview=true\">\u3053\u3061\u3089<\/a>\u3092\u53c2\u7167\u304f\u3060\u3055\u3044<\/p>\n<div class=\"well2\">\/\/bootstrap-datepicker\u306e\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8<br \/>\n&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; href=&#8221;\/bootstrap-datepicker\/css\/bootstrap-datepicker.min.css&#8221;&gt;<br \/>\n\/\/bootstrap-datepicker\u306eJavascript<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;\/bootstrap-datepicker\/js\/bootstrap-datepicker.min.js&#8221;&gt;&lt;\/script&gt;<br \/>\n\/\/bootstrap-datepicker \u65e5\u672c\u8a9e\u7528\u306eJavascript<br \/>\n&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;\/bootstrap-datepicker\/locales\/bootstrap-datepicker.ja.min.js&#8221;&gt;&lt;\/script&gt;<\/div>\n<div>\n<h2 class=\"styled_h2\">\uff12\uff0e\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u8868\u793a\u3057\u305f\u3044\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u306e\u6e96\u5099<\/h2>\n<p>\u6b21\u306b\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u4f7f\u7528\u3059\u308b\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002<br \/>\n\u4e0b\u8a18\u3067\u306f\u4f8b\u3068\u3057\u3066\u3001ID\u304c\u300ctxtDenDate\u300d\u306easpx\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002<\/p>\n<div class=\"well2\">&lt;div class=&#8221;col-md-2 mb-2&#8243;&gt;<br \/>\n&lt;label for=&#8221;Voucher-Date&#8221;&gt;\u4f1d\u7968\u65e5\u4ed8&lt;\/label&gt;<br \/>\n&lt;asp:TextBox runat=&#8221;server&#8221; type=&#8221;text&#8221; class=&#8221;form-control&#8221; ID=&#8221;txtDenDate&#8221; placeholder=&#8221;&#8221; value=&#8221;&#8221; \/&gt;<br \/>\n&lt;!&#8211; bootstrap-datepicker\u306ejavascript\u30b3\u30fc\u30c9 &#8211;&gt;<br \/>\n&lt;!&#8211; \u5834\u6240\u306f\u8a72\u5f53\u30c6\u30ad\u30b9\u30c8\u306e\u4e0b\u306b\u5165\u308c\u308b &#8211;&gt;<br \/>\n&lt;script&gt;<br \/>\n$(&#8216;#ctl00_MainContent_txtDenDate&#8217;).datepicker({<br \/>\nformat: &#8216;yyyy\/mm\/dd&#8217;,<br \/>\nlanguage: &#8216;ja&#8217;,<br \/>\ndefaultViewDate: Date(),<br \/>\norientation: &#8216;bottom&#8217;<br \/>\n});<br \/>\n&lt;\/script&gt;<br \/>\n&lt;div id=&#8221;msgVoucherDate&#8221; runat=&#8221;server&#8221; class=&#8221;invalid-feedback&#8221;&gt;<br \/>\n\u203b\u3053\u3053\u306b\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u8868\u793a<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":62,"template":"","blog_category":[28],"class_list":["post-57","blog","type-blog","status-publish","has-post-thumbnail","hentry","blog_category-pg-bootstrap"],"_links":{"self":[{"href":"https:\/\/support.three-meister.com\/techwiki\/index.php?rest_route=\/wp\/v2\/blog\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.three-meister.com\/techwiki\/index.php?rest_route=\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/support.three-meister.com\/techwiki\/index.php?rest_route=\/wp\/v2\/types\/blog"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/support.three-meister.com\/techwiki\/index.php?rest_route=\/wp\/v2\/media\/62"}],"wp:attachment":[{"href":"https:\/\/support.three-meister.com\/techwiki\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/support.three-meister.com\/techwiki\/index.php?rest_route=%2Fwp%2Fv2%2Fblog_category&post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}