Я пытаюсь заставить сборщика дат работать, и я действительно борюсь с моими ограниченными знаниями JavaScript Я основывал это на этом уроке .
У меня есть следующий код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="scripts/date.js"></script> <script type="text/javascript" src="scripts/jquery.datePicker.js"></script> <script type="text/javascript" charset="utf-8"> $(function() { $('.date-pick').datePicker().val(new Date().asString()).trigger('change'); }); </script>
...
<input name="oDate" id="oDate" class="date-pick" />
Любые предложения будут очень признательны.
Я бы посоветовал вам взглянуть на обычный jquery ui datepicker , чтобы получить стандартную стандартную работу DatePicker. Начните с использования точного кода, который вы видите здесь, а затем настройте (шаг за шагом) по мере необходимости. Существует множество примеров для разных вариантов использования и хорошая документация
Я попробовал приведенную ниже конфигурацию, и она отлично работает на моем локальном хосте -
Браузер протестирован - Mozilla Firefox версия 3.6.10
У меня установлен пакет xampp.
Я включаю 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="date.js"></script> <script type="text/javascript" src="jquery.datePicker.js"></script> <LINK REL=StyleSheet HREF="datePicker.css" TYPE="text/css" MEDIA=screen> <script type="text/javascript" charset="utf-8"> $(function() { $('.date-pick').datePicker().val(new Date().asString()).trigger('change'); //$('.date-pick').dpSetEndDate('01/01/2010'); }); </script> </head> <body> <input name="oDate" id="oDate" class="date-pick" /> </body> </html>
Пожалуйста, проверьте, не отключен ли JavaScript-скрипт браузера.
Надеюсь, у вас есть тег input, как в вашем HTML body:
input
body
<input name="date" id="date" class="date-pick" />