Question

我正在开发prestashop模块。现在我试图将日期时间选择器添加到我的.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,console,output

首先，您必须检查页面标题。如果没有列出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>

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

1 个答案: