如何使用智能模板引擎实现Vista-Like Ajax Calendar到网站

时间:2014-02-05 15:05:14

标签: javascript jquery ajax calendar smarty

你好,我在向我的网站实施Vista-Like Ajax Calendar时遇到了问题。

to 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}。

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

1 个答案:

答案 0 :(得分:0)

尝试在这样的模板文件中执行你的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文件中然后包含它们而不是使用模板本身的代码。