JQuery Datepicker не работает на IE 7

Я использую JQuery Datetimepicker. Детали Дата Время Picker можно найти по адресу: DateTimePicker Details JQuery Datepicker не работает на IE 7

Эта дата выбора устанавливается появится на Щелк и связан с полями ввода. аспида Код упоминается ниже:

<link type="text/css" href="css/jquery.datetimepicker.css" rel="stylesheet" /> 
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script> 
    <script src="js/jquery.datetimepicker.js" type="text/javascript"></script> 
    <script type="text/javascript"> 

      $(document).ready(function() { 

       /*DatePicker initializations*/ 
       var DATEPICKER_FORMAT = 'm/d/Y'; 
       var DATETIMEPICKER_FORMAT = 'm-d-Y H:i:s'; 
       var TIMEPICKER_FORMAT = 'g:ia'; 
       $(function() { 
        $(".datepickerwithicon").datetimepicker({ 
         format: DATEPICKER_FORMAT, 
         datepicker: true, 
         timepicker: false, 
         step: 1, 
         allowBlank: true, 
         closeOnDateSelect: true, 
         validateOnBlur: false 
        }); 

        $(".datetimepickerwithicon").datetimepicker({ 
         format: DATETIMEPICKER_FORMAT, 
         datepicker: true, 
         timepicker: true, 
         step: 5, 
         allowBlank: true, 
         closeOnDateSelect: true, 
         validateOnBlur: false 
        }); 

        /* Append calendar icon image. */ 
        $('.datepickerwithicon, .datetimepickerwithicon').each(function() { 
         var dateInput = $(this); 
         var newImgId = dateInput.attr('id') + '_icon'; 
         $("<img/>", { 
          "src": "Images/calendar-icon.png", 
          "class": "ui-datepicker-trigger", 
          "id": newImgId 
         }).insertAfter(dateInput); 

         $('#' + newImgId).on('click', function() { 
          dateInput.datetimepicker('show'); 
         }); 
         dateInput.click(function (event) { 
          $('.xdsoft_datepicker.active .xdsoft_calendar').focus(); 
         }); 
        }); 


       }); 

      }); 

     </script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
     <table> 
      <tr> 
       <td> 
        <asp:Label ID="lbStart" runat="server" Text="Start :" ForeColor="Black"></asp:Label>&nbsp; 
     <input type="text" id="StartDate" name="StartDate" runat="server" class="datetimepickerwithicon" />&nbsp; 
        </td> 
       <td>` 
        <asp:Label ID="lbEnd" runat="server" Text="End :" ForeColor="Black"></asp:Label>&nbsp; 
     <input type="text" id="EndDate" name="EndDate" runat="server" class="datetimepickerwithicon"/>&nbsp; 
        </td> 
       </tr> 
      </table> 
    </form> 
</body>

Issue: время выбора дата не отображается на события нажатия на IE 7. Тем не менее, он хорошо работает на всех других версиях IE, Chrome и Firefox.

Любые идеи о том, как заставить его работать с IE 7?

источник

2015-03-27 WebDeveloper

Пожалуйста. Если у вас действительно нет действительно действительно действительно действительно хорошей причины для поддержки IE7, не поддерживайте ее. это с 5 июня 2008 года. Мы живем еще 7 лет. Люди, которые используют ie7, нуждаются в обновлении. как серьезно см. http://www.cvedetails.com/vulnerability-list/vendor_id-26/product_id-9900/Microsoft-Internet-Explorer.html Поддержка такого уязвимого браузера - это плохая практика и позволяет людям с плохими привычками безопасности. – Tschallacka

@MichaelDibbets Это устаревшая система, которая использует браузер IE 7. Эта система используется только внутри интрасети и с ограниченным доступом. К сожалению, в этом случае обновление не будет вариантом – WebDeveloper

Извините за поздний ответ, но я попробовал то же самое здесь, и единственное, что я изменил, это пути к файлам CSS и JS. Это сработало для меня. Можете ли вы предоставить мне сообщения об ошибках, которые вы получили в IE? Я мог бы справиться с этим и предоставить вам решение очень быстро. :)

Обновление 2: Привет, Это код, который я использовал для тестирования. Я загрузил плагин из источника, который вы указали в своем вопросе, и запускал его как файл HTML. Можете ли вы сделать то же самое и сообщить мне, работает ли он в вашем браузере? Очень жаль, если я занимаюсь этим много времени.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link type="text/css" href="css/jquery.datetimepicker.css" rel="stylesheet" /> 
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script> 
    <script src="js/jquery.datetimepicker.js" type="text/javascript"></script> 
    <script type="text/javascript"> 

      $(document).ready(function() { 

       /*DatePicker initializations*/ 
       var DATEPICKER_FORMAT = 'm/d/Y'; 
       var DATETIMEPICKER_FORMAT = 'm-d-Y H:i:s'; 
       var TIMEPICKER_FORMAT = 'g:ia'; 
       $(function() { 
        $(".datepickerwithicon").datetimepicker({ 
         format: DATEPICKER_FORMAT, 
         datepicker: true, 
         timepicker: false, 
         step: 1, 
         allowBlank: true, 
         closeOnDateSelect: true, 
         validateOnBlur: false 
        }); 

        $(".datetimepickerwithicon").datetimepicker({ 
         format: DATETIMEPICKER_FORMAT, 
         datepicker: true, 
         timepicker: true, 
         step: 5, 
         allowBlank: true, 
         closeOnDateSelect: true, 
         validateOnBlur: false 
        }); 

        /* Append calendar icon image. */ 
        $('.datepickerwithicon, .datetimepickerwithicon').each(function() { 
         var dateInput = $(this); 
         var newImgId = dateInput.attr('id') + '_icon'; 
         $("<img/>", { 
          "src": "Images/calendar-icon.png", 
          "class": "ui-datepicker-trigger", 
          "id": newImgId 
         }).insertAfter(dateInput); 

         $('#' + newImgId).on('click', function() { 
          dateInput.datetimepicker('show'); 
         }); 
         dateInput.click(function (event) { 
          $('.xdsoft_datepicker.active .xdsoft_calendar').focus(); 
         }); 
        }); 


       }); 

      }); 

     </script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
     <table> 
      <tr> 
       <td> 
        <asp:Label ID="lbStart" runat="server" Text="Start :" ForeColor="Black"></asp:Label>&nbsp; 
     <input type="text" id="StartDate" name="StartDate" runat="server" class="datetimepickerwithicon" />&nbsp; 
        </td> 
       <td>` 
        <asp:Label ID="lbEnd" runat="server" Text="End :" ForeColor="Black"></asp:Label>&nbsp; 
     <input type="text" id="EndDate" name="EndDate" runat="server" class="datetimepickerwithicon"/>&nbsp; 
        </td> 
       </tr> 
      </table> 
    </form> 
</body> 
</html>

источник

2015-03-27 08:35:53 ksg30111992

Привет, Сай Ганеш, я не вижу никаких ошибок при запуске IE. Иконка Календари видна. Однако событие On Click не происходит. Эта проблема возникает при запуске только на IE7. – WebDeveloper

@WebDeveloper, я обновил ответ, вы можете попробовать запустить свой код в виде HTML-файла вместо того, чтобы запускать его как файл ASP? Если это так, то, возможно, в вашем приложении ASP может быть недостающая конфигурация. Дайте мне знать, если это поможет. – ksg30111992

Благодарим за отзыв. Я протестировал вышеуказанный код. Не было никаких изменений в выходе. Более того, я не смог определить разницу в коде. Не могли бы вы объяснить мне изменения в сценарии. – WebDeveloper

Кажется, проблема связана с окружающей средой и не работает с экземпляром браузера, доступным в среде. Проблема была решена после обновления патча, и после этого отображается datetimepicker.

источник

2015-04-01 06:10:14 WebDeveloper

JQuery Datepicker не работает на IE 7

ответ

Смежные вопросы