如何在局部视图中加载JavaScript CSS文件

How to load JavaScript CSS files in partial view(如何在局部视图中加载JavaScript CSS文件)

问题描述

我有一个部分视图页面，我想在此部分视图中加载JavaScript和CSS文件。

请帮助我如何做到这一点？

我要在局部视图中加载这三个文件

<link href="~/AdminTheme/BootstrapJalaliDatePicker/css/bootstrap- 
    datepicker.min.css" rel="stylesheet" />
<script src="~/AdminTheme/BootstrapJalaliDatePicker/js/bootstrap- 
    datepicker.min.js"></script>
<script src="~/AdminTheme/BootstrapJalaliDatePicker/js/bootstrap- 
    datepicker.fa.min.js"></script>

部分视图：

<div class="col-md-12">               
    <div class="col-md-6">
        <div class="form-group">
            <label asp-for="StartDate" class="control-label">
                StartDate
            </label>
            <input id="sdDate" class="Date form-control" name="stDate"/>    
            <span asp-validation-for="StartDate" class="error"></span>
        </div>
    </div>
             
    <div class="col-md-6">
        <div class="form-group">
            <label asp-for="EndDate" class="control-label"> 
                EndDate
            </label>
            <input id="edDate" class="Date form-control" name="edDate"/>
            <span asp-validation-for="EndDate" class="error"></span>
        </div>
    </div>
</div>

<script type="text/javascript" language=javascript>                  
    $(document).ready(function() {       
        $('.Date').datepicker({ dateFormat: "yy/mm/dd", isRTL: true, 
            showButtonPanel: true });
    });
 </script>

推荐答案

获得的解决方案：

   $(document).on("focusin",".Date", function () {
         $(this).datepicker({
            dateFormat: "yy/mm/dd", 
            isRTL: true, 
            showButtonPanel: true
           });
        });  

添加css：

.datepicker{z-index:1151 !important;}

这篇关于如何在局部视图中加载JavaScript CSS文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！