MVC4 DateTimePicker не может найти значок-время и значок-календарь

Question

Я использую DateTime picker от from this link, чтобы получить дату и время от пользователя. Я использую бутстрап. Вот мой код:

 <div id="startDateTimePicker" class="input-append date"> 
      Data e Hora Inícial do Gráfico 
      <input id="plotStartDate" name="StartDate" data-format="dd/MM/yyyy hh:mm:ss" value="startDateTime" type="text" /> 
      <span class="add-on"> 
       <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> 
      </span> 
     </div> 

     <div id="endDateTimePicker" class="input-append date"> 
      Data e Hora Final do Gráfico 
      <input id="plotEndDate" name="EndDate" data-format="dd/MM/yyyy hh:mm:ss" type="text" /> 
      <span class="add-on"> 
       <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> 
      </span> 
     </div> 

     <script type="text/javascript"> 
      $(function() { 

       $('#startDateTimePicker').datetimepicker({ 
        language: 'pt-BR' 
       }); 

       $('#endDateTimePicker').datetimepicker({ 
        language: 'pt-BR' 
       }); 

       $("#endDateTimePicker").data('datetimepicker').setLocalDate(now); 
       $("#startDateTimePicker").data('datetimepicker').setLocalDate(oneHourAgo); 
      }); 
     </script> 

При запуске системы не отображается дата значка и время значка. Я не знаю, где их найти.

Может ли кто-нибудь помочь мне показать эти значки на экране?

Есть ли лучший вариант, чтобы этот плагин выбирал дату и время? Я нашел несколько реализаций только для даты или времени, но не для обоих.

Спасибо.

Answer 1

Похоже, вы используете Bootstrap 2.3.2 icons. Выполните следующие шаги, чтобы настроить Bootstrap 2.3.2 в своем проекте: http://getbootstrap.com/2.3.2/getting-started.html

Я хотел бы рекомендовать вам версию Bootstrap версии 3.0. В 3.0 использование значков изменилось немного: http://getbootstrap.com/components/#glyphicons

Версия 2.3.2:

<i class="icon-date"></i> 

Версия 3.0:

<span class="glyphicon glyphicon-date"></span> 

Answer 2

Checkout этот пример, чтобы решить вашу проблему.

1. Открыть BundleConfig.cs и изменить сверток стиль "~/Content/темы/база/CSS" выглядит следующим образом:

bundles.Add (новый StyleBundle ("~/Content/темы/base/css "). Включить ( " ~/Контент/темы/база/jquery-ui.css "," ~/Content/themes/base/jquery-ui.all.css "));

1. Откройте _layout.cs и добавьте следующий раз перед закрывающим тэгом

@ Scripts.Render ("~/связки/Jquery") @ Scripts.Render ("~/связки/jqueryui") @ Styles.Render ("~/Content/темы/база/CSS") @RenderSection ("сценарии", требуется: ложь)

1. Наконец, чтобы проверить ваш взгляд, открыть index.cshtml и добавить в конце

Дата:

@section Scripts{ 
    @*@Scripts.Render("~/bundles/jqueryval")*@ 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $(".datefield").datepicker(); 
     }); 
    </script> 
} 

Позвольте мне знать, если запрос остается.

Cheers