Question

我刚刚开始学习ZendFramework 2.我想在zend中创建一个工作正常的Form。现在，我想用Jquery Datepicker调整一下，但遗憾的是我不能让日期选择器弹出。

我将javascript直接放在布局中：

echo $this->headScript()
        ->prependFile($this->basePath() . '/js/html5.js', 'text/javascript', array(
        'conditional' => 'lt IE 9'
    ))
        ->prependFile($this->basePath() . '/js/bootstrap.min.js')
        ->prependFile('http://code.jquery.com/jquery-1.10.2.js')
        ->prependFile('http://code.jquery.com/ui/1.10.4/jquery-ui.js')
?>

here is a script opener tag 
$(function() {
$( "#datepicker" ).datepicker();
});
here is a script closer tag

这是我的表格：

$this->add(array(
        'name' => 'date',
        'type' => 'text',
        'options' => array(
            'label' => 'Date:',
        ),
        'attributes' => array(
            'id' => 'datepicker'
        )
    ));

非常感谢任何帮助。

更新

我在控制台中发现了这个2错误：

ReferenceError: Can't find variable: Jquery   
TypeError: 'undefined' is not a function (evaluating '$("#datepicker").datepicker()')

Answer 1

认为您应该使用appendFile而不是prependFile

例如：

echo $this->headScript()
    ->appendFile($basePath . '/js/jquery/jquery.min.js')
    ->appendFile($basePath . '/js/jquery-ui.min.js');

如果您查看DOM，您可能会发现JS文件的顺序与您想要的顺序相同。

Answer 2

我将洞脚本移动到了布局

 <script src="//code.jquery.com/jquery-1.10.2.js"></script>

    $(function() {
$( "#date" ).datepicker();
});

ZendFramework 2和Jquery日期选择器

2 个答案: