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

質問編集履歴

1

誤字修正

2022/05/20 02:47

投稿

mavis95
mavis95

スコア13

title CHANGED
File without changes
body CHANGED
@@ -1,43 +1,42 @@
1
- ### 実現したいこと
1
+ ### 実現したいこと
2
-
2
+
3
- [Time Only](https://getdatepicker.com/4/#time-only)のようにデフォルトはテキスト欄が空白、時計ボタン押下で現在時刻をタイムピッカーテキスト欄に表示
3
+ [Time Only](https://getdatepicker.com/4/#time-only)のようにデフォルトはテキスト欄が空白、時計ボタン押下で現在時刻をタイムピッカーテキスト欄に表示する方法をご教示ください。
4
- 方法をご教示ください。
4
+
5
-
6
- ### 現状
5
+ ### 現状
7
-
6
+
8
- デフォルトはテキスト欄が空白、時計ボタン押下で以下画像のようにAM12:00が表示
7
+ デフォルトはテキスト欄が空白、時計ボタン押下で以下画像のようにAM12:00が表示
9
- ![イメージ説明](fba5d620ef72eda031b906d7bd7f4c36.png)
8
+ ![イメージ説明](fba5d620ef72eda031b906d7bd7f4c36.png)
10
-
11
-
9
+
10
+
12
- ### 該当のソースコード
11
+ ### 該当のソースコード
13
-
12
+
14
- ```ここに言語名を入力
13
+ ```ここに言語名を入力
15
- <div class="container">
14
+ <div class="container">
16
- <div class="row">
15
+ <div class="row">
17
- <div class='col-sm-6'>
16
+ <div class='col-sm-6'>
18
- <div class="form-group">
17
+ <div class="form-group">
19
- <div class='input-group date' id='datetimepicker3'>
18
+ <div class='input-group date' id='datetimepicker3'>
20
- <input type='text' class="form-control" />
19
+ <input type='text' class="form-control" />
21
- <span class="input-group-addon">
20
+ <span class="input-group-addon">
22
- <span class="glyphicon glyphicon-time"></span>
21
+ <span class="glyphicon glyphicon-time"></span>
23
- </span>
22
+ </span>
24
- </div>
23
+ </div>
25
- </div>
24
+ </div>
26
- </div>
25
+ </div>
27
- <script type="text/javascript">
26
+ <script type="text/javascript">
28
- $(function () {
27
+ $(function () {
29
- $('#datetimepicker3').datetimepicker({
28
+ $('#datetimepicker3').datetimepicker({
30
- format: 'LT'
29
+ format: 'LT'
31
- });
30
+ });
32
- });
31
+ });
33
- </script>
32
+ </script>
34
- </div>
33
+ </div>
35
- </div>
34
+ </div>
36
- ```
35
+ ```
37
-
38
-
39
-
36
+
37
+
38
+
40
- ### 補足情報(FW/ツールのバージョンなど)
39
+ ### 補足情報(FW/ツールのバージョンなど)
41
-
40
+
42
- bootstrap 3.3.6
41
+ bootstrap 3.3.6
43
42
  jQuery 1.9.1