2016-09-23 64 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進行建模。

對我來說,你看起來並沒有太多的讀音。請先閱讀文檔。