问题在我的网页中集成Protoplasm日期选择器,

时间:2013-07-18 06:54:07

标签: datepicker jscript

我需要一个日期和时间选择器和Protoplasm(http://jongsma.org/software/protoplasm/control/datepicker)完全符合我的需要,但我无法让它工作。遗憾的是,我无法访问其API文档(受限制)。

我将它添加到我的网页,但它只显示了一个正常的输入字段。经过多次尝试修复它后,我抓住了他们的演示页面的来源,但无法让它工作。

然后我将其剪切为下面的代码。我已经检查并仔细检查了与代码存在于同一目录中的包含。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
     <title>Protoplasm</title>
     <link rel="stylesheet" href="protoplasm.css" />
     <script type="text/javascript" language="javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
     <script type="text/javascript" language="javascript" src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js"></script>
     <script type="text/javascript" language="javascript" src="protoplasm.js"></script>
     <script type="text/javascript" language="javascript">
         Protoplasm.use('datepicker') .transform('.datetimepicker', { timePicker: true })
     </script>
</head>
<body>
    <div>
        <h2>Protoplasm</h2>
        <form onsubmit="return false;">
            <div style="float:left; width:250px;">Date and time:</div>
            <input class="datetimepicker"/>
            <br />
        </form>
    <div>   
</body>
</html>

我用Google搜索了问题并在“stackoverflow”上找到了两个答案,但它没有帮助。

Protoplasm Date Picker : Issue with different datetime format

上面的代码对我来说也不起作用。我不知道接下来要检查什么。如果有人就我​​接下来要检查的内容提出建议,我将不胜感激。

1 个答案:

答案 0 :(得分:0)

我把它放好了它运行正常:

var D = {locale: 'es_AR', timePicker: true, use24hrs: true,
         dateTimeFormat: 'dd-MM-yyyy HH:mm'};
Protoplasm.use('datepicker').transform('input.datepicker', D );

我遇到的问题是没有选择日期时如何捕获事件。我想在没有时间的情况下工作(没有时间戳),我使用选项'onSelect'但是它不起作用,你知道怎么做吗?