2016-09-23 60 views
0

我是新来的aem。我试图通过使用视觉来实现以下示例。目前我即将在aem 6.1上工作。通过使用aem-sightly获取当前时间

你能指导我怎样才能访问目前的时间。 我正在使用对话框根据当前时间显示问候消息。

<div data-sly-use.clientlibInclude="${'/libs/granite/sightly/templates/clientlib.html'}"></div> 
<output data-sly-call="${clientlibInclude.css @ categories='angular-global-category'}" data-sly-unwrap /> 
<html> `enter code here` 
<head> 
    <title>Greeting Message using JavaScript</title> 
</head> 

<body> 
<section class="intro"> 
<h1> <label id="lblGreetings"></label></h1></section> 
</body> 
<script> 

    var myDate = new Date(); 
    var hrs = myDate.getHours(); 

    var greet; 

    if (hrs < 12) 
     greet = 'Good Morning'; 
    else if (hrs >= 12 && hrs <= 17) 
     greet = 'Good Afternoon'; 
    else if (hrs >= 17 && hrs <= 24) 
     greet = 'Good Evening'; 


    document.getElementById('lblGreetings').innerHTML = 
     '' + greet + ' Julio'; 

</script> 
</html> 
+0

你想在服务器上渲染时将时间放入HTML标记中吗?或者你是否想用Javascript来获得客户端的时间? –

回答

1

没有包含服务器日期信息的本地对象。要轻松打印日期,您需要拥有与其相关的模型并在视觉内使用它。你可以有一个JavaScript模型或一个Java的。 在网上找到的quick js指南:http://blogs.adobe.com/experiencedelivers/experience-management/htl-javascript-use-api/

如果你想和Java一起去,我建议使用SlingModels或Slice进行建模。

对我来说,你看起来并没有太多的读音。请先阅读文档。