Выбор даты не появляется после нажатия на изображение
У меня есть скрипка, которая отображает дату выбора. тот же код, который я написал ниже, но ничего не происходит, что я делаю неправильно? Когда я нажимаю на этот зеленый цвет, сборщик даты не генерируется, но в скрипке все идет хорошо, где я делаю неправильно?
<code> <html>
<head>
<script type="text/javascript" src="mootools-yui-compressed.js"></script>//mootools script
<script type="text/javascript" src="datepicker.js"></script>
<link rel="stylesheet" type="text/css" href="datepicker.css" />
</head>
<body>
<input name='date_allow_empty' type='text' value='' class='date picker' />
<div id="invokeDP"></div>
<script type="text/javascript">
var dp = new DatePicker('.picker', {
pickerClass: 'datepicker ',
allowEmpty: true,
toggleElements: ['invokeDP']
});
</script>
</body>
</html>
</code>
EDIT: Я взял все сценарии внутриhead раздел, ранее эти сценарии были вbody раздел