teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

ブラウザ上htmlを追記しました。

2020/04/06 12:36

投稿

shinsaku
shinsaku

スコア4

title CHANGED
File without changes
body CHANGED
@@ -37,7 +37,44 @@
37
37
  </table>
38
38
 
39
39
 
40
+ ブラウザ上html
40
41
 
42
+ <div id="mw_wp_form_mw-wp-form-150" class="mw_wp_form mw_wp_form_input ">
43
+ <form method="post" action="" enctype="multipart/form-data">
44
+ <table class="container">
45
+ <tbody>
46
+ <tr class="calendar-area">
47
+ <th><label for="datepicker1" class="is-required">希望入居日<span class="color03">※</span></label></th>
48
+ <td class="datepicker-area">
49
+ <div class="start"><input type="text" name="start" id="start" class="start" size="30" value="" />
50
+ <script type="text/javascript">
51
+ jQuery(function($) {
52
+ $("input[name='start']").datepicker({
53
+ "yearSuffix":"\u5e74","dateFormat":"yy\u5e74mm\u6708dd\u65e5","dayNames":["\u65e5\u66dc\u65e5","\u6708\u66dc\u65e5","\u706b\u66dc\u65e5","\u6c34\u66dc\u65e5","\u6728\u66dc\u65e5","\u91d1\u66dc\u65e5","\u571f\u66dc\u65e5"],"dayNamesMin":["\u65e5","\u6708","\u706b","\u6c34","\u6728","\u91d1","\u571f"],"dayNamesShort":["\u65e5\u66dc","\u6708\u66dc","\u706b\u66dc","\u6c34\u66dc","\u6728\u66dc","\u91d1\u66dc","\u571f\u66dc"],"monthNames":["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],"monthNamesShort":["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],"showMonthAfterYear":"true","changeYear":"true","changeMonth":"true" });
54
+ });
55
+ </script>
56
+ </div>
57
+ </td>
58
+ </tr>
59
+ <tr class="calendar-area">
60
+ <th><label for="datepicker1" class="is-required">希望退去日<span class="color03">※</span></label></th>
61
+ <td class="datepicker-area">
62
+ <div class="end"><input type="text" name="end" id="end" class="end" size="30" value="" />
63
+ <script type="text/javascript">
64
+ jQuery(function($) {
65
+ $("input[name='end']").datepicker({
66
+ "yearSuffix":"\u5e74","dateFormat":"yy\u5e74mm\u6708dd\u65e5","dayNames":["\u65e5\u66dc\u65e5","\u6708\u66dc\u65e5","\u706b\u66dc\u65e5","\u6c34\u66dc\u65e5","\u6728\u66dc\u65e5","\u91d1\u66dc\u65e5","\u571f\u66dc\u65e5"],"dayNamesMin":["\u65e5","\u6708","\u706b","\u6c34","\u6728","\u91d1","\u571f"],"dayNamesShort":["\u65e5\u66dc","\u6708\u66dc","\u706b\u66dc","\u6c34\u66dc","\u6728\u66dc","\u91d1\u66dc","\u571f\u66dc"],"monthNames":["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],"monthNamesShort":["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],"showMonthAfterYear":"true","changeYear":"true","changeMonth":"true" });
67
+ });
68
+ </script>
69
+ </div>
70
+ </td>
71
+ </tr>
72
+ </tbody>
73
+ </table>
74
+ </form>
75
+ <!-- end .mw_wp_form --></div>
76
+
77
+
41
78
  <script type="text/javascript" src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
42
79
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
43
80
  <script>

1

htmlコードを追記しました。

2020/04/06 12:36

投稿

shinsaku
shinsaku

スコア4

title CHANGED
File without changes
body CHANGED
@@ -4,6 +4,9 @@
4
4
  「希望入居日」と「希望退去日」の日付を入力してもらうフォームを作成しています。
5
5
  「希望退去日」の選択可能最小日を「希望入居日」の選択から30日後からしか選択できない様にしたいのですがうまくいきません。
6
6
 
7
+ 追記:
8
+ Wordpressのプラグイン「MW WP Form 」を使っています。
9
+
7
10
  大変お手数ではございますがご教授ください。
8
11
 
9
12
  ### 発生している問題・エラーメッセージ
@@ -15,6 +18,26 @@
15
18
  ### 該当のソースコード
16
19
 
17
20
  ```ここに言語名を入力
21
+ html
22
+ <table class="container">
23
+ <tbody>
24
+ <tr class="calendar-area">
25
+ <th><label for="datepicker1" class="is-required">希望入居日<span class="color03">※</span></label></th>
26
+ <td class="datepicker-area">
27
+ <div class="start">[mwform_datepicker name="start" id="start" class="start" size="30"]</div>
28
+ </td>
29
+ </tr>
30
+ <tr class="calendar-area">
31
+ <th><label for="datepicker1" class="is-required">希望退去日<span class="color03">※</span></label></th>
32
+ <td class="datepicker-area">
33
+ <div class="end">[mwform_datepicker name="end" id="end" class="end" size="30"]</div>
34
+ </td>
35
+ </tr>
36
+ </tbody>
37
+ </table>
38
+
39
+
40
+
18
41
  <script type="text/javascript" src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
19
42
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
20
43
  <script>