2010-09-19 3 views
2

Я пытаюсь работать с выбором даты, и я действительно борюсь с моим ограниченным знанием javascript. Я основывал это на this tutorial.JQuery Datepicker не работает

У меня есть следующий код:

<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" /> 

Любые предложения будут очень высоко ценится.

+0

вы можете разместить HTML, а также –

+0

то, что вы пытаетесь сделать ? в чем проблема? – leora

+0

Это немного похоже на поле ввода, в котором указано «Выбрать дату», однако при нажатии этого ничего не происходит. –

ответ

4

я хотел бы предложить вам take a look at the regular jquery ui datepicker, чтобы получить стандартный из коробки DatePicker рабочего. Начните с простого точного кода, который вы видите здесь, а затем, по мере необходимости, настраивайте (шаг за шагом). Есть тонн, например, для всех различных случаев использования и хорошей документации

+0

Спасибо, я попробую таким образом, я не могу заставить ничего работать, используя Келвинская удача. Даже если его скопируйте прямо из учебника! –

+1

@ user368186 - нет поддержки? :) – leora

0

Я надеюсь, что у вас есть input тег, как это в вашем HTML body:

<input name="date" id="date" class="date-pick" /> 
+0

Простите, пропустил это с моего сообщения. Редактирование, чтобы включить это. –

+0

Вы включили это в '

'? – petsagouris

+1

А также убедитесь, что вы включили атрибут 'id' с тем же именем, что и атрибут' name'. – petsagouris

2

я пытался ниже конфигурации, и это работает отлично на моем локальном хосте -

Browser Испытано - 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> 
+0

Это не работает для меня. Означает ли это, что это проблема конфигурации? если да, то что мне нужно проверить, правильно настроена? –

+0

Вы тестируете, на какой операционной системе и в каком браузере? – Alpesh

+0

Я использую debian, и я тестировал с помощью firefox, iceweasel и chrome и ничего не получал каждый раз. –

0

Пожалуйста, проверьте, если браузер Java Script отключен

+0

Не задайте этот код.Исправлено с помощью jquery ui datepicker изначально, но теперь мы используем

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