javascript 日期时间选择器的MIME类型问题

lokaqttq  于 2023-08-02  发布在  Java
关注(0)|答案(2)|浏览(94)

我得到下面的错误,但js文件是可访问的
拒绝应用“bootstrap-datepicker.min.js”中的样式,因为其MIME类型('application/javascript')不是受支持的样式表MIME类型,并且启用了严格的MIME检查。
它工作正常。

dm7nw8vv

dm7nw8vv1#

您似乎试图将JavaScript文件“bootstrap-datepicker.min.js”作为样式表包含在HTML中。这个错误消息让你知道它不接受JavaScript文件,它只接受样式表(如CSS)文件。
如果您错误地包含了“bootstrap-datepicker.min.js”文件作为样式表的链接,您应该删除它并包含正确的CSS文件。
如果不是这样,请提供足够的代码或最小的可重复的例子。

rekjcdws

rekjcdws2#

试试这个bootstrap-datepicker,希望对你有帮助。首先在你的标题中添加cdn链接,然后使用html,然后使用js,你可以改变它的风格。
cdn链路

<link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css"
    integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
    integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>
<script
    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

字符串
超文本标记语言

<div class="form-group" layout="row" style="margin-top:4px;">
        <span style="margin-top:7px" flex="20">Date</span>
        <input placeholder="dd MM yyyy" style="text-align:center;font-size:12px;margin-top: 5px; border-radius: 7px; width: 50%; height: 36px;" type="text" class="form-control datepicker" id="datepicker"  ng-model="date">
    </div>


js

$('.datepicker').datepicker({
        format: 'dd MM yyyy', // Date format
        autoclose: true, 
        todayHighlight: true // Highlight today's date
    });


希望你喜欢。

相关问题