[laravel][npm] 我无法使用 css daterangepicker
[laravel][npm] I can't use css daterangepicker
我用 npm 安装了 daterangepicker,但我无法使用它
这个命令
npm install daterangepicker
这是我的代码
create.blade.php
<input type="text" class="form-control is-invalid" name="period_date" required>
$('input[name="period_date"]').daterangepicker();
app.js
window.moment = require('moment');
window.daterangepicker = require('daterangepicker');
这是结果
点击输入daterangepicker后
css 不工作
JQuery 下面的输入字段应该设置在脚本标签之间。示例如下:
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<input type="text" name="daterange" value="01/01/2018 - 01/15/2018" />
<script>
$(function() {
$('input[name="daterange"]').daterangepicker({
opens: 'left'
}, function(start, end, label) {
console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
});
});
</script>
这是我的回答
在文件中..\resources\sass\app.scss
应该导入 .css
//Daterangepicker
@import "~daterangepicker/daterangepicker.css";
导入后 运行
npm run dev
信用:Medium
我用 npm 安装了 daterangepicker,但我无法使用它
这个命令
npm install daterangepicker
这是我的代码
create.blade.php
<input type="text" class="form-control is-invalid" name="period_date" required>
$('input[name="period_date"]').daterangepicker();
app.js
window.moment = require('moment');
window.daterangepicker = require('daterangepicker');
这是结果
点击输入daterangepicker后
JQuery 下面的输入字段应该设置在脚本标签之间。示例如下:
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<input type="text" name="daterange" value="01/01/2018 - 01/15/2018" />
<script>
$(function() {
$('input[name="daterange"]').daterangepicker({
opens: 'left'
}, function(start, end, label) {
console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
});
});
</script>
这是我的回答
在文件中..\resources\sass\app.scss
应该导入 .css
//Daterangepicker
@import "~daterangepicker/daterangepicker.css";
导入后 运行
npm run dev
信用:Medium