스크립트가 렌더링되지 않습니다.

Question

Cshtml 코드.

$(function() { 
    alert("hi"); 
    $(".datefield").datepicker(); 
}); 

을 DateTimePicker

의

@Html.EditorFor(model => model.StartDate, new { htmlAttributes = new { @class = "datefield", type = "date" } }) 

@section Scripts { 
    @Scripts.Render("~/Content/css") 
    @Scripts.Render("~/Scripts/jquery") 
} 

Bundle.config 코드

bundles.Add(new ScriptBundle("~/Scripts/jquery").Include(
    "~/Scripts/jqueryui1.12.s", 
    "~/Scripts/jqueryui-12.js", 
    "~/Scripts/DateTimePicket.js" 
));  

bundles.Add(new StyleBundle("~/Content/css").Include(
    "~/Content/jqueryui1.12.css" 
)); 

코드는 어디 문제입니다. 이 파일 "~/Scripts/jqueryui1.12.s", "~/Scripts/jqueryui-12.js",의 코드는

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 

출신 난 그냥 날짜 선택기를 추가하려고하고 코드가 엉망이되었다.

Answer 1

디자인 지저분한가는 경우는 확실히

.. 당신이하는 오류가오고있다 JS있는 알아봐야 console.First 브라우저에서 오류를 표시하고 당신이 JQuery와 파일을 ~/스크립트/DateTimePicket.js에 놓여있다 .이 항목은 "DateTimePicket"또는 "DateTimePicker"입니까? 또한 맞춤법 오류가 발생하면 문제가 발생할 수 있습니다.

그리고 이것이 맞춤법 오류가 아니라면 두 번째 시나리오로 확인하십시오. 섹션 스크립트를 만들었지 만 @RenderSection ("scripts", required : false)을 사용했습니다.) 레이아웃에? 또는 아래와 같이 cshtml 코드 맨 위에 렌더링을 추가하여 시도 할 수 있습니다.

@Styles.Render("~/Content/css") 
@Scripts.Render("~/Scripts/jquery") 

함께 섹션을 만들지 않으려 고 시도하십시오. 직접 렌더링 해보십시오.

Answer 2

나는 문제 당신은 cshtml에서 CSS를 렌더링

당신이 아래의 라인을 사용할 필요도있는 DateTimePicker의 js 파일의 철자를 건너하시기 바랍니다 CSS와 자바 스크립트를 추가하려고 생각

@Styles.Render("~/Content/css") 

희망이 도움이 !!