{"id":7195,"date":"2024-12-24T10:06:51","date_gmt":"2024-12-24T01:06:51","guid":{"rendered":"https:\/\/code-plus.jp\/gp\/?p=7195"},"modified":"2026-01-08T11:13:08","modified_gmt":"2026-01-08T02:13:08","slug":"post-7195","status":"publish","type":"post","link":"https:\/\/code-plus.jp\/gp\/post-7195\/","title":{"rendered":"jQuery UI Datepicker\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\uff1adate2\u306e\u65e5\u4ed8\u3092date1\u3088\u308a\u524d\u306e\u65e5\u4ed8\u3057\u304b\u9078\u629e\u3067\u304d\u306a\u3044\u3088\u3046\u306b\u3059\u308b"},"content":{"rendered":"<p>\u30d5\u30a9\u30fc\u30e0\u30672\u3064\u306e\u65e5\u4ed8\u9078\u629e\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u6271\u3046\u969b\u3001\u3057\u3070\u3057\u30702\u3064\u306e\u65e5\u4ed8\u9593\u306b\u4f9d\u5b58\u95a2\u4fc2\u3092\u6301\u305f\u305b\u305f\u3044\u30b1\u30fc\u30b9\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u30012\u3064\u76ee\u306e\u65e5\u4ed8\u30921\u3064\u76ee\u306e\u65e5\u4ed8\u3088\u308a\u524d\u306e\u65e5\u4ed8\u3057\u304b\u9078\u629e\u3067\u304d\u306a\u3044\u3088\u3046\u306b\u3057\u305f\u3044\u3001\u3068\u3044\u3063\u305f\u8981\u4ef6\u3067\u3059\u3002<\/p>\r\n<p>\u4eca\u56de\u306f\u3001jQuery UI Datepicker\u3092\u4f7f\u3063\u3066\u3001\u3053\u306e\u3088\u3046\u306a\u4f9d\u5b58\u95a2\u4fc2\u3092\u5b9f\u88c5\u3059\u308b\u65b9\u6cd5\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n<h2>\u5b9f\u88c5\u3057\u305f\u3044\u6a5f\u80fd<\/h2>\r\n<p>\u4eca\u56de\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u6a5f\u80fd\u3092\u5b9f\u88c5\u3057\u307e\u3059\uff1a<\/p>\r\n<ul style=\"list-style-type:bullet;\">\r\n<li>1\u3064\u76ee\u306e\u65e5\u4ed8\u30d5\u30a3\u30fc\u30eb\u30c9\uff08date1\uff09\u3092\u9078\u629e\u3057\u305f\u5f8c<\/li>\r\n<li>2\u3064\u76ee\u306e\u65e5\u4ed8\u30d5\u30a3\u30fc\u30eb\u30c9\uff08date2\uff09\u3067\u306f\u3001date1\u3088\u308a\u524d\u306e\u65e5\u4ed8\u3057\u304b\u9078\u629e\u3067\u304d\u306a\u3044<\/li>\r\n<li>\u3059\u3067\u306bdate2\u306b\u65e5\u4ed8\u304c\u5165\u529b\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001date1\u304c\u305d\u306e\u65e5\u4ed8\u3088\u308a\u524d\u306b\u5909\u66f4\u3055\u308c\u305f\u3089\u3001date2\u3092\u30af\u30ea\u30a2\u3059\u308b<\/li>\r\n<\/ul>\r\n<h2>\u5b9f\u88c5\u30b3\u30fc\u30c9<\/h2>\r\n<pre><code class=\"language-javascript\">jQuery(function($) {\r\n  \/\/ datepicker\u306e\u65e2\u5b58\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u62e1\u5f35\r\n  $(&quot;.hasDatepicker&quot;).datepicker(&quot;option&quot;, {\r\n    dateFormat: &quot;yy\u5e74mm\u6708dd\u65e5&quot;\r\n  });\r\n\r\n  \/\/ 1\u3064\u76ee\u306e\u65e5\u4ed8\u9078\u629e\u6642\u306e\u51e6\u7406\r\n  $(&quot;#mw-client-terminate_day1&quot;).on(&#39;change&#39;, function() {\r\n    var date1 = $(this).datepicker(&#39;getDate&#39;);\r\n\r\n    if (date1) {\r\n      \/\/ 2\u3064\u76ee\u306e\u65e5\u4ed8\u306e\u9078\u629e\u53ef\u80fd\u6700\u5927\u5024\u3092\u66f4\u65b0\r\n      $(&quot;#mw-client-terminate_day2&quot;).datepicker(&quot;option&quot;, &quot;maxDate&quot;, date1);\r\n      \r\n      \/\/ 2\u3064\u76ee\u306e\u65e5\u4ed8\u304c1\u3064\u76ee\u3088\u308a\u5f8c\u306e\u5834\u5408\u306f\u30af\u30ea\u30a2\r\n      var date2 = $(&quot;#mw-client-terminate_day2&quot;).datepicker(&#39;getDate&#39;);\r\n      if (date2 &amp;&amp; date2 &gt; date1) {\r\n        $(&quot;#mw-client-terminate_day2&quot;).val(&#39;&#39;);\r\n      }\r\n    }\r\n  });\r\n\r\n  \/\/ 2\u3064\u76ee\u306e\u65e5\u4ed8\u9078\u629e\u524d\u306e\u51e6\u7406\r\n  $(&quot;#mw-client-terminate_day2&quot;).datepicker(&quot;option&quot;, &quot;beforeShow&quot;, function() {\r\n    var date1 = $(&quot;#mw-client-terminate_day1&quot;).datepicker(&#39;getDate&#39;);\r\n    \r\n    if (date1) {\r\n      return { maxDate: date1 };\r\n    }\r\n  });\r\n\r\n  \/\/ \u30aa\u30fc\u30c8\u30b3\u30f3\u30d7\u30ea\u30fc\u30c8\u3092\u7121\u52b9\u5316\r\n  $(&#39;form .hasDatepicker&#39;).attr(&#39;autocomplete&#39;, &#39;off&#39;);\r\n});\r\n<\/code><\/pre>\r\n<h2>\u30b3\u30fc\u30c9\u306e\u89e3\u8aac<\/h2>\r\n<h3>1. \u57fa\u672c\u8a2d\u5b9a<\/h3>\r\n<pre><code class=\"language-javascript\">$(&quot;.hasDatepicker&quot;).datepicker(&quot;option&quot;, {\r\n  dateFormat: &quot;yy\u5e74mm\u6708dd\u65e5&quot;\r\n});\r\n<\/code><\/pre>\r\n<p>\u65e2\u5b58\u306edatepicker\u306b\u5bfe\u3057\u3066\u65e5\u4ed8\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u3053\u306e\u4f8b\u3067\u306f\u300cyyyy\u5e74mm\u6708dd\u65e5\u300d\u5f62\u5f0f\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\r\n<h3>2. 1\u3064\u76ee\u306e\u65e5\u4ed8\u9078\u629e\u6642\u306e\u51e6\u7406<\/h3>\r\n<pre><code class=\"language-javascript\">$(&quot;#mw-client-terminate_day1&quot;).on(&#39;change&#39;, function() {\r\n  var date1 = $(this).datepicker(&#39;getDate&#39;);\r\n  \/\/ ...\r\n});\r\n<\/code><\/pre>\r\n<p>1\u3064\u76ee\u306e\u65e5\u4ed8\u304c\u9078\u629e\u3055\u308c\u305f\u3068\u304d\u306e\u51e6\u7406\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<code>getDate()<\/code>\u30e1\u30bd\u30c3\u30c9\u3067\u9078\u629e\u3055\u308c\u305f\u65e5\u4ed8\u3092JavaScript\u306eDate\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u3057\u3066\u53d6\u5f97\u3057\u307e\u3059\u3002<\/p>\r\n<h3>3. 2\u3064\u76ee\u306e\u65e5\u4ed8\u306e\u5236\u9650\u8a2d\u5b9a<\/h3>\r\n<pre><code class=\"language-javascript\">if (date1) {\r\n  $(&quot;#mw-client-terminate_day2&quot;).datepicker(&quot;option&quot;, &quot;maxDate&quot;, date1);\r\n  \/\/ ...\r\n}\r\n<\/code><\/pre>\r\n<p>2\u3064\u76ee\u306e\u65e5\u4ed8\u30d5\u30a3\u30fc\u30eb\u30c9\u306e<code>maxDate<\/code>\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u30011\u3064\u76ee\u3067\u9078\u629e\u3055\u308c\u305f\u65e5\u4ed8\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u305d\u306e\u65e5\u4ed8\u3088\u308a\u5f8c\u306e\u65e5\u4ed8\u304c\u9078\u629e\u3067\u304d\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\r\n<h3>4. \u65e2\u5b58\u306e\u65e5\u4ed8\u306e\u30af\u30ea\u30a2\u51e6\u7406<\/h3>\r\n<pre><code class=\"language-javascript\">var date2 = $(&quot;#mw-client-terminate_day2&quot;).datepicker(&#39;getDate&#39;);\r\nif (date2 &amp;&amp; date2 &gt; date1) {\r\n  $(&quot;#mw-client-terminate_day2&quot;).val(&#39;&#39;);\r\n}\r\n<\/code><\/pre>\r\n<p>\u3059\u3067\u306b2\u3064\u76ee\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u65e5\u4ed8\u304c\u5165\u529b\u3055\u308c\u3066\u3044\u3066\u3001\u305d\u306e\u65e5\u4ed8\u304c\u65b0\u3057\u304f\u9078\u629e\u3055\u308c\u305f1\u3064\u76ee\u306e\u65e5\u4ed8\u3088\u308a\u5f8c\u306e\u5834\u5408\u30012\u3064\u76ee\u306e\u65e5\u4ed8\u3092\u30af\u30ea\u30a2\u3057\u307e\u3059\u3002<\/p>\r\n<h3>5. 2\u3064\u76ee\u306e\u65e5\u4ed8\u9078\u629e\u524d\u306e\u51e6\u7406<\/h3>\r\n<pre><code class=\"language-javascript\">$(&quot;#mw-client-terminate_day2&quot;).datepicker(&quot;option&quot;, &quot;beforeShow&quot;, function() {\r\n  var date1 = $(&quot;#mw-client-terminate_day1&quot;).datepicker(&#39;getDate&#39;);\r\n  if (date1) {\r\n    return { maxDate: date1 };\r\n  }\r\n});\r\n<\/code><\/pre>\r\n<p>2\u3064\u76ee\u306e\u65e5\u4ed8\u9078\u629e\u30ab\u30ec\u30f3\u30c0\u30fc\u304c\u8868\u793a\u3055\u308c\u308b\u76f4\u524d\u306b\u3001\u9078\u629e\u53ef\u80fd\u306a\u6700\u5927\u65e5\u4ed8\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30ab\u30ec\u30f3\u30c0\u30fcUI\u4e0a\u3067\u3082\u9078\u629e\u53ef\u80fd\u306a\u65e5\u4ed8\u304c\u8996\u899a\u7684\u306b\u5236\u9650\u3055\u308c\u307e\u3059\u3002<\/p>\r\n<h2>\u5b9f\u88c5\u6642\u306e\u6ce8\u610f\u70b9<\/h2>\r\n<ol style=\"list-style-type:decimal;\">\r\n<li>\u3059\u3067\u306bdatepicker\u304c\u521d\u671f\u5316\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u65b0\u898f\u306b\u521d\u671f\u5316\u305b\u305a\u3001<code>datepicker(&quot;option&quot;, ...)<\/code>\u3067\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\r\n<li>\u65e5\u4ed8\u306e\u6bd4\u8f03\u306f\u5fc5\u305aDate\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u5909\u63db\u3057\u3066\u304b\u3089\u884c\u3044\u307e\u3059\u3002<\/li>\r\n<li>\u30aa\u30fc\u30c8\u30b3\u30f3\u30d7\u30ea\u30fc\u30c8\u306f\u7121\u52b9\u5316\u3057\u3066\u304a\u304f\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002<\/li>\r\n<\/ol>\r\n<h2>\u307e\u3068\u3081<\/h2>\r\n<p>jQuery UI Datepicker\u3092\u4f7f\u7528\u3057\u3066\u30012\u3064\u306e\u65e5\u4ed8\u9078\u629e\u30d5\u30a3\u30fc\u30eb\u30c9\u9593\u306b\u4f9d\u5b58\u95a2\u4fc2\u3092\u8a2d\u5b9a\u3059\u308b\u5b9f\u88c5\u3092\u7d39\u4ecb\u3057\u307e\u3057\u305f\u3002\u3053\u306e\u3088\u3046\u306a\u5b9f\u88c5\u306f\u3001\u4e88\u7d04\u30b7\u30b9\u30c6\u30e0\u3084\u5404\u7a2e\u7533\u8fbc\u30d5\u30a9\u30fc\u30e0\u306a\u3069\u3001\u69d8\u3005\u306a\u5834\u9762\u3067\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\r\n<p>\u30b3\u30fc\u30c9\u306e\u4e2d\u6838\u3068\u306a\u308b\u306e\u306f\u3001<code>maxDate<\/code>\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u52d5\u7684\u306a\u8a2d\u5b9a\u3068\u3001<code>change<\/code>\u30a4\u30d9\u30f3\u30c8\u3067\u306e\u65e2\u5b58\u5024\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u3067\u3059\u3002\u3053\u308c\u3089\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u65e5\u4ed8\u9078\u629e\u6a5f\u80fd\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\r\n","protected":false},"excerpt":{"rendered":"\u30d5\u30a9\u30fc\u30e0\u30672\u3064\u306e\u65e5\u4ed8\u9078\u629e\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u6271\u3046\u969b\u3001\u3057\u3070\u3057\u30702\u3064\u306e\u65e5\u4ed8\u9593\u306b\u4f9d\u5b58\u95a2\u4fc2\u3092\u6301\u305f\u305b\u305f\u3044\u30b1\u30fc\u30b9\u304c\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u30012\u3064\u76ee\u306e\u65e5\u4ed8\u30921\u3064\u76ee\u306e\u65e5\u4ed8\u3088\u308a\u524d\u306e\u65e5\u4ed8\u3057\u304b\u9078\u629e\u3067\u304d\u306a\u3044\u3088\u3046\u306b\u3057\u305f\u3044\u3001\u3068\u3044\u3063\u305f\u8981\u4ef6\u3067\u3059\u3002 \u4eca\u56de\u306f\u3001jQuery[...]","protected":false},"author":1,"featured_media":7197,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","footnotes":"","vk-ltc-link":"","vk-ltc-target":"0"},"categories":[12],"tags":[],"group":[],"pg":[],"class_list":["post-7195","post","type-post","status-publish","format-standard","has-post-thumbnail","category-javascript"],"acf":[],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/7195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/comments?post=7195"}],"version-history":[{"count":0,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/7195\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/media\/7197"}],"wp:attachment":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/media?parent=7195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/categories?post=7195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/tags?post=7195"},{"taxonomy":"group","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/group?post=7195"},{"taxonomy":"pg","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/pg?post=7195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}