javascript - 如何使用 smarty 模板引擎在网站上实现类似 Vista 的 Ajax 日历

Question

大家好，我在实现 Vista-Like Ajax Calendar 时遇到问题到我的网站。

在 header.tpl 中添加以下行:

<link rel="stylesheet" media="screen" href="Includes/plugins/DatePicker/styles/vlaCal-v2.1.css" type="text/css" />
<link rel="stylesheet" media="screen" href="Includes/plugins/DatePicker/styles/vlaCal-v2.1-adobe_cs3.css" type="text/css" />
<script type="text/javascript" src="Includes/plugins/DatePicker/jslib/mootools-1.2-core-compressed.js"></script>
<script type="text/javascript" src="Includes/plugins/DatePicker/jslib/vlaCal-v2.1-compressed.js"></script>

和这段代码:

<script type="text/javascript">                                                      
    window.addEvent('domready', function() { 
        new vlaDatePicker('ptime', { style: 'adobe_cs3', offset: { y: 1 }, format: 'd.m.y', ieTransitionColor: '' }); 
    });  
</script>

Ajax 日历不能以这种格式工作。接下来我将代码编辑为:

<script type="text/javascript">  
   {literal}                                                    
        window.addEvent('domready', function() { 
            new vlaDatePicker('ptime', { style: 'adobe_cs3', offset: { y: 1 }, format: 'd.m.y', ieTransitionColor: '' }); 
        }); 
   {/literal} 
</script>

日历无法与 {literal}{/literal} 配合使用。

我做错了什么？哪里有问题？？

Answer 1

尝试像这样在模板文件中执行 js 代码。

{literal}  
<script type="text/javascript">  

        window.addEvent('domready', function() { 
            new vlaDatePicker('ptime', { style: 'adobe_cs3', offset: { y: 1 }, format: 'd.m.y', ieTransitionColor: '' }); 
        }); 
</script>
{/literal} 

但是，我建议将 Javascript 放入 js 文件中，然后包含它们，而不是使用模板本身中的代码。