@Section в PartialView

Я попытался поместить script в указанную часть макета, используя @section внутри частичного представления. Но это не работает.

_Layout.cshtml

<!DOCTYPE html>
<html lang="en">
<head>
@RenderSection("PageSpecificCSSFiles", false)
</head>
<body>
<div>@RenderBody()</div>
 <script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery-ui.js")"></script>
@RenderSection("PageSpecificJSFiles", false)
@RenderSection("PageSpecificJSScript", false)
</body>

DetailPage.cshtml

@{
    ViewBag.Title = "Details";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div id="tabs">
 @{ Html.RenderPartial("BasicDetails");}
</div>

Частичный вид BasicDetails.cshtml

<input id="dob" name="DateOfBirth" value="" />
@section PageSpecificJSScript{

<script type="text/javascript">

$(document).ready(function(){
   $('#dob').datepicker();
});

</script>

}

Датчик даты не настроен, потому что @section не работает.

Может ли кто-нибудь сказать, как добиться этого в частичном представлении? Как мы можем заставить script внутри частичных представлений в определенную часть макета?

Примечание. Я добавил файлы JS внизу, чтобы повысить производительность. Я не предпочитаю перемещать его вверху страницы.