JQuery Date Picker не работает в IE
Я пытаюсь заставить JQuery UI Date Picker работать в IE через php. Я сделал их основной пример с div, и он работает даже в IE. Однако попытка включить его в мой код работает на Chrome и Firefox, но не на IE. Запуск IE 11. Вот лишь сердце той части, которая выполняет выбор даты:
echo" <link rel=\"stylesheet\" href=\"//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css\"> \n";
echo " <script src=\"https://code.jquery.com/jquery-1.12.4.js\"></script>";
echo " <script src=\"https://code.jquery.com/ui/1.12.1/jquery-ui.js\"></script>";
echo " <script>";
echo " $( function() {";
echo " $( \"#datepicker\" ).datepicker();";
echo " } ); ";
echo " $( function() {";
echo " $( \"#datepicker1\" ).datepicker();";
echo " } ); ";
echo " </script> ";
echo "<tr> \n";
echo "<td> \n";
echo " <form action=\"Web.php\" method=\"post\"> \n";
if(!empty($_POST["datefrom"]))
$datefr = $_POST['datefrom'];
echo " <b>Date From: (ex: 7/12/2017):</b> <input type=\"text\" id=\"datepicker\" name=\"datefrom\" value=\"$datefr\" >\n";
echo "</td> \n";
echo "<td> \n";
if(!empty($_POST["dateto"]))
$dateto = $_POST['dateto'];
echo " <b>Date To: (ex: 7/12/2017):</b> <input type=\"text\" id=\"datepicker1\" name=\"dateto\" value=\"$dateto\" >\n";
echo "</td> \n";
echo "<td> \n";
echo "</td> \n";
echo "</tr> \n";
Отлично работает в Chrome и Firefox. Но в IE все, что у меня есть, это поле для ввода даты без выбора даты. Я использовал пример:
Я не уверен, что IE не нравится что-то конкретное. У меня есть немного стиля на столе. Моей следующей попыткой было закомментировать весь стиль и посмотреть, появится ли он после этого.
Надеюсь, что кто-то сразу это заметит.
Я смог выполнить проверку и обнаружил эту ошибку — «SCRIPT5007: значение свойства« $ »равно null или undefined, а не объекту Function», которое указывает на:
$( function() { $( "#datepicker" ).datepicker(); } );
Я не могу опубликовать весь отрендеренный HTML, так как мне нужно было бы его очистить. Вот часть для JQuery UI и разделов DatePicker
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<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>
<script>
$( function() { $( "#datepicker" ).datepicker(); } ); $( function() { $( "#datepicker1" ).datepicker(); } );
</script>
<td>
<form action="Web.php" method="post">
<b>Date From: (ex: 7/12/2017):</b> <input type="text" id="datepicker" name="datefrom" value="" >
</td>
<td>
<b>Date To: (ex: 7/12/2017):</b> <input type="text" id="datepicker1" name="dateto" value="" >
</td>
Решение
Пожалуйста, обновите ваш пост журналом консоли или отчетом об ошибках, чтобы узнать, что происходит, когда вы используете IE. Я могу использовать IE в Windows 10 и загрузить datepicker () для JQuery UI. Это один гигантский перк jQuery — он работает во многих браузерах. Тем не менее, старые версии IE могут не работать с ним. Во-первых, вы можете использовать type = «date» для современных браузеров и вернуться к старому JS ядра J для всплывающего окна с датой. Или используйте полифилл. Хотя, по крайней мере, если вы не используете чрезвычайно старую версию IE, тогда этот код должен работать нормально … По крайней мере, он работает на моем IE.
<!-- SCRIPT SRC INCLUDES HERE -->
<input type="text" id="anythingYouWantHere" class="customDatepickerClass">
<input type="text" id="anythingYouWantHere2" class="customDatepickerClass">
<input type="date" id="defaultHTML5">
<script>
$(document).on('ready', function(){
$(".customDatepickerClass").datepicker(); // initialize all datepickers at once
});
</script>
Другие решения
Это была проблема с программным обеспечением в нашей компании. Они пробовали какое-то программное обеспечение, чтобы отслеживать, на какие сайты мы заходим, и потребовалось некоторое время, прежде чем оно охватило все браузеры. Первый IE. Я думаю, что это блокировало загрузку элементов скрипта jQuery. Во всяком случае, теперь он работает на всех браузерах. Должен любить этот материал. Спасибо за помощь.