質問編集履歴

2

タグ削除

2019/12/05 01:15

投稿

aoname
aoname

スコア5

test CHANGED
File without changes
test CHANGED
File without changes

1

リンク文の追加とForm文の変更

2019/12/05 01:15

投稿

aoname
aoname

スコア5

test CHANGED
File without changes
test CHANGED
@@ -6,11 +6,11 @@
6
6
 
7
7
  使用ライブラリは「Tempus Dominus Date Time Picker」で、
8
8
 
9
- 具体的にはこちらのサイト(https://tempusdominus.github.io/bootstrap-4/Usage/)に記載されている
9
+ 具体的には[こちらのサイト](https://tempusdominus.github.io/bootstrap-4/Usage/)に記載されている
10
10
 
11
11
  「Date Only」を使用したいのですが、「format:'L'」を追加しても「Minimum Setup」の形式が表示される
12
12
 
13
- という状況です(開発にはLaravelを用いています)
13
+ という状況です
14
14
 
15
15
 
16
16
 
@@ -20,11 +20,17 @@
20
20
 
21
21
  <div class="input-group date" id="datetimepicker-datetime" data-target-input="nearest">
22
22
 
23
- {{ Form::text('birthday', $user->birthday, ['class' => ['datetimepicker-input','form-control']],['data-target'=>"#datetimepicker-datetime"]) }}
23
+ <input class="datetimepicker-input form-control" name="expire_date" type="text" id="expire_date">
24
24
 
25
25
  <div class="input-group-append" data-target="#datetimepicker-datetime" data-toggle="datetimepicker">
26
26
 
27
- <div class="input-group-text"><i class="fa fa-calendar"></i></div>
27
+ <div class="input-group-text">
28
+
29
+ <svg class="svg-inline--fa fa-calendar fa-w-14" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="calendar" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
30
+
31
+ <path fill="currentColor" d="M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z"></path>
32
+
33
+ </svg><!-- <i class="fa fa-calendar"></i> --></div>
28
34
 
29
35
  </div>
30
36
 
@@ -46,7 +52,7 @@
46
52
 
47
53
  ```
48
54
 
49
- コードはこちらのサイト(https://pisuke-code.com/bootstrap-how-to-show-datepicker/)を参考にさせて頂きました。
55
+ コードは[こちらのサイト](https://pisuke-code.com/bootstrap-how-to-show-datepicker/)を参考にさせて頂きました。
50
56
 
51
57
  「npm run dev」は実行済で、開発者ツールのSources欄には「format:'L'」のコードも反映されているのですが、
52
58