如何在 Prestashop 中设置日期时间选择器
how to set datetime picker in prestashop
我正在开发 prestashop module.now 我正在尝试将日期时间选择器添加到我的 .tpl 文件
我在下面试过 code.but 它是日期选择器。
<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
如果您没有将 jQueryUI 导入当前页面,就会发生这种情况。
TypeError: $(...).datepicker is not a function
您可以通过删除 head 部分中的 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 module.now 我正在尝试将日期时间选择器添加到我的 .tpl 文件
我在下面试过 code.but 它是日期选择器。
<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
如果您没有将 jQueryUI 导入当前页面,就会发生这种情况。
TypeError: $(...).datepicker is not a function
您可以通过删除 head 部分中的 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>