如何用智能模板引擎实现类似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}。

我做错了什么？问题出在哪里？

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文件中，然后包含它们，而不是使用模板本身中的代码。