日期選擇器適用于我的引導檔案夾。但是，當我將所有內容移動到 Laravel 中時，它不起作用。我真的不明白，怎么css和js作業laravel，所以這就是為什么我在這里:)。
/resources/sass/app.scss
//css
@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
//js
@import url('https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js');
@import url('https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js');
@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js');
<!--DatePicker-->
<div class="col-md-4">
<h4 class="">Prefer Date</h3>
<form>
<div class="">
<!-- <label for="date" >Date</label> -->
<div class="">
<div class="input-group date" id="datepicker">
<input type="text" class="form-control">
<span class="input-group-append">
<span class="input-group-text bg-white">
<i class="fa fa-calendar"></i>
</span>
</span>
</div>
</div>
</div>
</form>
</div>
<script type="text/javascript">
$(function() {
$('#datepicker').datepicker();
});
</script>
uj5u.com熱心網友回復：
我剛剛復制了您的代碼，如果您交換它，它會起作用：
<input type="date" class="form-control">
因此，將輸入型別從文本更改為日期，因為它是您要構建的日期選擇器。
我最近遇到了類似的問題，這是我的日期選擇器代碼：
<div class="flex flex-wrap -mx-3 mb-6">
<div class="w-full px-3">
<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2 text-base" for="enddate"> Enddatum </label>
<input class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight id="enddate" name="enddate"
type="date" placeholder="Enddatum">
</div>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/370105.html
標籤：javascript php html css 拉拉维尔
下一篇：使用SMTP發送HTML表單