提问人：RA.IBOY 提问时间：8/26/2023 最后编辑：RA.IBOY 更新时间：8/27/2023 访问量：45
Laravel DatePicker：如何加载 jQuery 图标
laravel datepicker: how to load jquery icon
问：
我是 laravel 的新手，我正在尝试在页面上添加一个日期选择器，
这是我的标记：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
</head>
<body>
<<div style="display:table-cell;width:50%">
<input class="date_picker_icon" name="ddl_date"></input>
</div>
</body>
这是我的脚本部分：
<script src="https://code.jquery.com/jquery-3.5.1.min.js" </script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js">
</script>
<script>
$( function() {
$("#datepicker" ).datepicker({
changeMonth: true,
changeYear: true
});
} );
formNextReviewDate();
function formNextReviewDate(){
let field = $("[name='ddl_date']");
field.datepicker({
dateFormat: 'yy-mm-dd' ,
});
field.datepicker('option', 'dateFormat', 'yy-mm-dd');
}
</script>
</html>
页面上的结果如下所示：
问题是当我想更改月份时，有空白而不是图标，我想在选择日期之前在框中添加“dd/mm/yy”。你能帮我弄清楚吗？非常感谢！
答：
1赞
MorganFreeFarm
8/26/2023
#1
“我想在选择日期之前在框中添加'dd/mm/yy'。” - 为此，您可以使用占位符，如下所示：
<div style="display:table-cell;width:50%">
<input class="date_picker_icon" name="ddl_date" placeholder="dd/mm/yy"></input>
</div>
若要显示 jQuery UI 图标，必须包含 jQuery UI 主题。如果尚未执行此操作，请在 HTML 文档的部分中包含指向 jQuery UI 主题的链接：
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
此外，请确保在脚本之前按正确的顺序加载 jQuery 和 jQuery UI。下面是一个示例：
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
此外，您正在初始化日期选择器两次，这不是必需的：
$(function() {
formNextReviewDate();
function formNextReviewDate(){
let field = $("[name='ddl_date']");
field.datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: true
});
}
});
评论
0赞
RA.IBOY
8/26/2023
真的感谢您的详细回答。我解决了占位符问题。我可以问一下如何正确加载jQuery和jQuery UI吗？我不确定如何找到正确的来源。感谢！
0赞
RA.IBOY
8/26/2023
我还更新了我的代码示例，请检查一下
0赞
MorganFreeFarm
8/27/2023
使用我提供的网址。
0赞
RA.IBOY
8/27/2023
我试图在脚本之前添加脚本 src 代码，但它不起作用
0赞
MorganFreeFarm
8/30/2023
@RA。IBOY做到了吗？
评论