JQuery DatePicker没有显示在选项卡中

Question

我在登录datepicker时遇到了问题。我目前正在使用MVC4。所以就是这样，我有我的OtherReports.cshtml（这是主视图和我的标签所在的位置。代码显示在下面）

@{
    ViewBag.Title = "Other Reports";
    Layout = "~/Views/Shared/_MasterPageLayout.cshtml";
}

<div id="reportsContainer">

    <link href="~/Content/themes/base/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-ui-1.10.4.custom.min.js"></script>
    <link href="~/Content/themes/base/jquery-ui-1.10.4.custom.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-ui-1.10.4.custom.js"></script>

    <div id="tabs">
        <ul>
            <li><a href="#ExtractedClaims">Extracted Claims</a></li>
            <li><a href="#RejectedClaims">Rejected Claims</a></li>
            <li><a href="#PendingClaims">Pending Claims</a></li>
            <li><a href="#IBNRClaims">IBNR Claims</a></li>
            <li><a href="#PaidClaims">Paid Claims</a></li>
            <li><a href="#UnprocessedLOA">Unprocessed LOA</a></li>
        </ul>
        <div id="ExtractedClaims"></div>
        <div id="RejectedClaims"></div>
        <div id="PendingClaims"></div>
        <div id="IBNRClaims"></div>
        <div id="PaidClaims"></div>
        <div id="UnprocessedLOA"></div>
    </div>
</div>

<script>
    $(function () {
        $.get('/LablinkDoctorLink/ExtractedClaimsLoadLeftNavigation', function (data) {
            $('#leftNavigationBody').html(data);
        });
    });
</script>

  <script>
      $(function () {
          $("#tabs").tabs();
      });
    //ExtractedClaims
      $(function () {
          $('#tabs a[href="#ExtractedClaims"]').on('click', function () {
              $(function () {
                  $.get('/LablinkDoctorLink/ExtractedClaimsLoadLeftNavigation', function (data) {
                      $('#leftNavigationBody').html(data);
                  });
              });
          });
      });

</script>

我的部分视图是UnprocessedLOA的左侧导航（下面的代码显示）

    <link href="~/Content/themes/base/jquery-ui-1.10.4.custom.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/jquery-ui-1.10.4.custom.js"></script>
<link href="~/Content/themes/base/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
  <script>
          $(function () {

              $("#txtDateCreatedFrom").datepicker({
                  changeMonth: true,
                  changeYear: true
              });

              $("#txtDateCreatedTo").datepicker({
                  changeMonth: true,
                  changeYear: true
              });
          });
  </script>

<div class="form-group">
    <label>Date Created - From:</label>
    <input type="text" id="txtDateCreatedFrom" class="form-control"/>
</div>
<div class="form-group">
    <label>To:</label>
    <input type="text" id="txtDateCreatedTo" class="form-control" />
</div>
<br />
<div style="float: right;">
    <button type="button" id="btnUnprocessedLoaSearch" class="btn btn-success">
        <span class="glyphicon glyphicon-search"></span> Search
    </button>
</div>

我现在的问题是：为什么我放在_UnprocessedLeftNav中的日期选择器没有出现？每次我点击我的TextBox，它确实出现了吗？有什么帮助吗？