如何在prestashop中设置日期时间选择器

Question

我正在开发prestashop module.now我正在尝试将日期时间选择器添加到我的.tpl文件中

我尝试下面的代码。但这是日期选择器。

<div id="mymodule_block_home" class="block">

<input class="datetimepicker" type="text" >

<script type="text/javascript">
    $(document).ready(function(){
                                $(".datetimepicker").datepicker({
                                prevText: '',
                                nextText: '',
                                dateFormat: 'yy-mm-dd'
                            });
                            });

</script>
</div>

我用$(".datetimepicker").datetimepicker尝试，然后我的控制台显示了Uncaught TypeError: $(...).datetimepicker is not a function

Answer 1

当您没有将jQueryUI导入当前页面时，就会发生这种情况。

TypeError：$（...）。datepicker不是一个函数

您可以通过删除顶部的jQueryUI脚本标签重现此JSBin上的问题： http ://jsbin.com/feqarocebo/1/edit?html，控制台，输出

首先，您必须检查页面标题。 如果没有列出jQueryUI，则必须从当前控制器中添加它

公认的方法是这样做：

public function setMedia() {
    $this->addJqueryUI('ui.datepicker');
}

如果这不能解决问题，请检查jQuery UI组件/.js文件的项目文件夹。

（或通过编辑header.tpl手动进行） 。

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>