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

質問編集履歴

1

修正しました。

2021/03/29 08:47

投稿

RiyaT
RiyaT

スコア10

title CHANGED
@@ -1,1 +1,1 @@
1
- 既存のサイトにjQueryのdatepickerを使いたのですが、動きません。
1
+ 既存のサイトに「Bootstrap Material DatePicker」を使いたのですが、動きません。
body CHANGED
@@ -1,8 +1,21 @@
1
+ ### 前提・実現したいこと
2
+
1
3
  既存のサイトにjQueryのdatepickerを使いたのですが、動きません。
2
4
  白紙の状態から記入すると、ちゃんと動くのですが、おそらくjQueryの記述が重複しているのかと思います。
3
5
 
4
- もともと記述してあったスクリプト
6
+ ### 発生している問題・エラーメッセージ
7
+
8
+ ```(index):31 Uncaught TypeError: jQuery(...).bootstrapMaterialDatePicker is not a function
9
+ at HTMLDocument.<anonymous> ((index):31)
10
+ at i (jquery.min.js:2)
11
+ at Object.fireWith [as resolveWith] (jquery.min.js:2)
12
+ at Function.ready (jquery.min.js:2)
13
+ at HTMLDocument.J (jquery.min.js:2)
14
+ ```
15
+
16
+ ### 元々のソースコード
17
+
5
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
18
+ ```<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
6
19
  <!--object-sit(IE対策)-->
7
20
  <script src="https://cdnjs.cloudflare.com/ajax/libs/object-fit-images/3.2.3/ofi.js"></script>
8
21
  <script type="text/javascript">
@@ -28,10 +41,11 @@
28
41
  });
29
42
  </script>
30
43
  </script>
44
+ ```
31
45
 
46
+ ### 追加したスクリプト
32
47
 
33
- 追加したスクリプト
48
+ ```
34
-
35
49
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/css/bootstrap-material-datetimepicker.min.css">
36
50
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
37
51
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
@@ -45,14 +59,4 @@
45
59
  });
46
60
  });
47
61
  </script>
48
-
49
- エラー内容
62
+ ```
50
- (index):31 Uncaught TypeError: jQuery(...).bootstrapMaterialDatePicker is not a function
51
- at HTMLDocument.<anonymous> ((index):31)
52
- at i (jquery.min.js:2)
53
- at Object.fireWith [as resolveWith] (jquery.min.js:2)
54
- at Function.ready (jquery.min.js:2)
55
- at HTMLDocument.J (jquery.min.js:2)
56
-
57
-
58
- お手数ですが、よろしくお願いします。