2012-01-25 35 views
0

私はHTMLとJavascriptを使用するWebアプリケーションを持っています。私は、ユーザーがキーワードを入力して提出できるテキストボックスを作成したいと考えています。また、テキストボックスの隣に小さなカレンダーアイコンが表示されるので、ユーザーがカレンダーをポップアップして日付をキーワードとして選択して送信することができます。カレンダーでHTMLの入力テキストボックスに日付を入力するにはどうすればよいですか?

DatePickerを実装しようとしましたが、動作できませんでした。 DatePickerは定義されていないと言ってきます。

HTML

<script type="text/javascript" src="js/mootools-core-1.4.3-full-compat.js"></script> 

<script src="Source/Locale.en-US.DatePicker.js" type="text/javascript"></script> 
<script src="Source/Picker.js" type="text/javascript"></script> 
<script src="Source/Picker.Attach.js" type="text/javascript"></script> 
<script src="Source/Picker.Date.js" type="text/javascript"></script> 

<link href="Source/datepicker_dashboard/datepicker_dashboard.css" rel="stylesheet"> 

<input name='date_toggled' type='text' value='' class='date date_toggled' style='display: inline' /> 
<img src='calendar/images/iconCalendar.gif' class='date_toggler' style='position: relative; top: 3px; margin-left: 4px;' /> 

Javascriptを

window.addEvent('load', function() { 
new DatePicker('.date_toggled', { 
     pickerClass: 'datepicker_dashboard', 
     allowEmpty: true, 
     toggleElements: '.date_toggler' 
    }); 
}); 

私はこの作業を取得しようとすることができますか? JSでこれを行うための

答えて

1

を見ているのjQueryでそれを行うためのhttp://www.javascriptkit.com/script/script2/timestamp.shtml

を見て..

window.addEvent('load', function() { 
    new DatePicker('my_date_picker', { 
     pickerClass: 'datepicker_dashboard', 
     allowEmpty: true, 
     toggleElements: '.date_toggler', 
     onSelect: function(date){ 
      document.id('date_toggled').set('value', date.format('%s'); 
     } 
    } 
} 

次のオプションと方法を確認してください。 docs at https://github.com/arian/mootools-datepicker/blob/master/README.md

+0

また、DatePickerが定義されていないというメッセージが表示されているため、私はSwippenが示唆するようにして、Javascriptスクリプトへのパスを確認し、すべてロードされています。 – kolin

0

最初にすべてのjavascriptが正しく読み込まれ、パスが正しいことを確認してください。 (firebugなどを使用して、すべてのjavascriptをロードしているかどうかを確認してください)。

すべてが正しくロードされているように見える場合は、「new DatePicker ..」行でデバッグとブレークポイントを使用して、即時ウィンドウなどを使用して日付ピッカーが存在するかどうかを確認します。

関連する問題