日期时间字段在 Alpaca.js 中不起作用答案

【问题标题】：Datetime field does not work in Alpaca.js日期时间字段在 Alpaca.js 中不起作用
【发布时间】：2021-01-03 09:48:32
【问题描述】：

我的 html 页面上有这些脚本：

<!-- alpaca.js datetime date -->
<script type="text/javascript" src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>        
<script type="text/javascript" src="https://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script>
<link type="text/css" rel="stylesheet" href="https://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.css" />

下面的代码组装了羊驼的形式：

$("#form").alpaca({    
    "schema": {
        "properties" : {
            "name": {
                "type":"string",
                "title":"Name",
                "required":true
             },
             "datetime": {
                 "title": "Datetime",
                 "description": "Pick your datetime.",
                 "format": "datetime"
             }
        }
    },
    "options": {
        "fields" : {
            "name": {
                "type" : "text",
                "size": 20            
            },
            "datetime": {
                "type": "datetime",
                "picker": {
                    "format": "DD/MM/YYYY HH:mm:ss"
                 },
                "manualEntry": true
            }
        }
    }
});

但是日期时间字段不允许我输入日期和时间

出现的日历弹窗未配置，例如我什至无法更改月份。

我是否需要执行其他任何操作才能使此日期时间字段正常工作？

【问题讨论】：

标签： alpacajs

【解决方案1】：

我通过更改脚本解决了这个问题。

我访问了展示 Alpaca 页面并检查了 HTML

我发现了这些脚本，并在我的页面上替换了它们。

以下脚本：

<!-- alpaca.js datetime date -->
<script type="text/javascript" src="http://www.alpacajs.org/lib/jquery-ui/jquery-ui.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.alpacajs.org/lib/jquery-ui/themes/cupertino/jquery-ui.min.css" />
            
<script type="text/javascript" src="http://www.alpacajs.org/lib/jqueryui-timepicker-addon/dist/jquery-ui-timepicker-addon.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.alpacajs.org/lib/jqueryui-timepicker-addon/dist/jquery-ui-timepicker-addon.css" />
    
<script type="text/javascript" src="http://www.alpacajs.org/lib/moment/min/moment-with-locales.min.js"></script>
<script type="text/javascript" src="http://www.alpacajs.org/lib/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
<link type="text/css" rel="stylesheet" href="http://www.alpacajs.org/lib/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css"/>

【讨论】：