Mesmo sem ter muito tempo, vou deixar aqui uma dica de como trabalhar com data/hora com jQuery. Trocadilhos a parte vamos ao que se trata. As linhas que vou deixar aqui vão exibir uma saudação (bom dia ou boa tarde) dependendo da hora capturada de um servidor externo. Para capturar a informação de outro domínio utilizei a função getJSON()

1
2
3
4
5
6
7
$(document).ready(function(){
   var timezone = "America/Campo_Grande";
   $.getJSON("http://json-time.appspot.com/time.json?tz="+timezone+"&callback=?", function(data){
      var msg = data.hour<12 ? 'Bom dia em '+timezone : 'Boa tardem '+timezone;
      $('body').text(msg);
   });
});

No exemplo estou escrevendo a saudação dentro de BODY, visto que é um exemplo, quando for implementar, coloque o seletor da sua aplicação. Estou deixando esta dica mais para quem precisa trabalhar com data/hora que não seja da máquina do usuário.

Você pode pegar o timezone de um select. Pode criar no seu servidor um arquivo PHP para retornar o JSON que precise para não ter que depender desse domínio que utilizei.