Como comparar datas. Exemplo

SELECT
TOP 1000 [id]

,[nProc]

,[ano]

,[dataEntrada]

,[livro]

FROM
[ProcOld].[dbo].[proc]

WHERE
[dataEntrada]
<
CONVERT(datetime,
'27-10-1953')

Read More

Comparar só a data em campo DateTime (SQL Server)

Para comparar somente a data em um campo onde está salvo data e hora, é preciso primeiro converter a data para o formato desejado.

Ex.:

SQL Server

SELECT     campodatahora
FROM        tabela
WHERE CONVERT(nvarchar(10), campodatahora, 103) = '22/02/2006';

O 103 indica que deve ser retornado o formato dd/MM/yyyy

A tabela abaixo mostra outros códigos que podem ser utilizados com o comando CONVERT.

Supondo CURRENT_TIMESTAMP retornando o dia 22 de fevereiro de 2006 as 16 horas 26 minutos e 8 segundos.

0	Feb 22 2006 4:26PM	CONVERT(CHAR(19), CURRENT_TIMESTAMP, 0)
1	02/22/06	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 1)
2	06.02.22	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 2)
3	22/02/06	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 3)
4	22.02.06	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 4)
5	22-02-06	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 5)
6	22 Feb 06	CONVERT(CHAR(9), CURRENT_TIMESTAMP, 6)
7	Feb 22, 06	CONVERT(CHAR(10), CURRENT_TIMESTAMP, 7)
8	16:26:08	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 8 )
9	Feb 22 2006 4:26:08:020PM	CONVERT(CHAR(26), CURRENT_TIMESTAMP, 9)
10	02-22-06	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 10)
11	06/02/22	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 11)
12	060222	CONVERT(CHAR(6), CURRENT_TIMESTAMP, 12)
13	22 Feb 2006 16:26:08:020	CONVERT(CHAR(24), CURRENT_TIMESTAMP, 13)
14	16:26:08:037	CONVERT(CHAR(12), CURRENT_TIMESTAMP, 14)
20	2006-02-22 16:26:08	CONVERT(CHAR(19), CURRENT_TIMESTAMP, 20)
21	2006-02-22 16:26:08.037	CONVERT(CHAR(23), CURRENT_TIMESTAMP, 21)
22	02/22/06 4:26:08 PM	CONVERT(CHAR(20), CURRENT_TIMESTAMP, 22)
23	2006-02-22	CONVERT(CHAR(10), CURRENT_TIMESTAMP, 23)
24	16:26:08	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 24)
25	2006-02-22 16:26:08.037	CONVERT(CHAR(23), CURRENT_TIMESTAMP, 25)
100	Feb 22 2006 4:26PM	CONVERT(CHAR(19), CURRENT_TIMESTAMP, 100)
101	02/22/2006	CONVERT(CHAR(10), CURRENT_TIMESTAMP, 101)
102	2006.02.22	CONVERT(CHAR(10), CURRENT_TIMESTAMP, 102)
103	22/02/2006	CONVERT(CHAR(10), CURRENT_TIMESTAMP, 103)
104	22.02.2006	CONVERT(CHAR(10), CURRENT_TIMESTAMP, 104)
105	22-02-2006	CONVERT(CHAR(10), CURRENT_TIMESTAMP, 105)
106	22 Feb 2006	CONVERT(CHAR(11), CURRENT_TIMESTAMP, 106)
107	Feb 22, 2006	CONVERT(CHAR(12), CURRENT_TIMESTAMP, 107)
108	16:26:08	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 108)
109	Feb 22 2006 4:26:08:067PM	CONVERT(CHAR(26), CURRENT_TIMESTAMP, 109)
110	02-22-2006	CONVERT(CHAR(10), CURRENT_TIMESTAMP, 110)
111	2006/02/22	CONVERT(CHAR(10), CURRENT_TIMESTAMP, 111)
112	20060222	CONVERT(CHAR(8), CURRENT_TIMESTAMP, 112)
113	22 Feb 2006 16:26:08:067	CONVERT(CHAR(24), CURRENT_TIMESTAMP, 113)
114	16:26:08:067	CONVERT(CHAR(12), CURRENT_TIMESTAMP, 114)
120	2006-02-22 16:26:08	CONVERT(CHAR(19), CURRENT_TIMESTAMP, 120)
121	2006-02-22 16:26:08.080	CONVERT(CHAR(23), CURRENT_TIMESTAMP, 121)
126	2006-02-22T16:26:08.080	CONVERT(CHAR(23), CURRENT_TIMESTAMP, 126)
127	2006-02-22T16:26:08.080	CONVERT(CHAR(23), CURRENT_TIMESTAMP, 127)
130	24 ???? 1427 4:26:08:080PM	CONVERT(CHAR(32), CURRENT_TIMESTAMP, 130)
131	24/01/1427 4:26:08:080PM	CONVERT(CHAR(25), CURRENT_TIMESTAMP, 131

Read More

CSS: Centralizar Horizontal e Vertical

Posted by: Rogério Alencar Lino Filho on: 17 Janeiro, 2007

Uma grande dúvida que sempre surge é como centralizar um elemento no HTML, tanto verticalmente quanto horizontalmente, usando CSS.

Há duas maneiras de se fazer isso sem muito trabalho.

A primeira consiste em definir a posição do objeto como absolute e suas posições top e left com 50% e tirando a diferença (subtraindo) da metade de sua altura e metade de sua largura na margem. Por exemplo se um elemento tem 500px de largura e 400px de altura na margem vai ter um valor negativo (para top e left) igual a metade destes valores:

#minhaDiv {
width: 500px;
height: 400px;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -250px;
position: absolute;
border: 1px solid black;
}

ou resumindo: margin: -200px auto auto -250px;

Pronto sua div vai ficar centralizada na janela. Mas temos um problema com isso.

Nesse caso sabemos o valor da altura do objeto, então tiramos a diferença na margem. Mas e se tivessemos um objeto em que sua altura pode variar (ou seja não sabemos o valor da altura) ?

Podemos solucionar isso usando o vertical-align, mas para ele funcionar temos que definir o display da div como table. A má notícia é que o nosso amigo IE não reconhece essa propriedade (e nem o valor table como display). A boa notícia que usando um hack para o IE dá pra acertar isso.

A estrutura para simular uma tabela fica assim:

<div id="tabela">

 

<div id="cell">

 

<div id="conteudo">

 

<p>parágrafo</p>

</div>

 

</div>

 

</div>

E definimos no CSS o display da div tabela como table e da div cell como table-cell. Mas antes temos que acertar o html, body e a tabela para 100% (largura e altura).

html, body {
width: 100%;
height: 100%;
margin: 0px; /* retirando a margem padrão */
padding: 0px; /* retirando o padding padrão */
}

#table {
width: 100%;
height: 100%;
display: table;
}

#cell { display: table-cell; }

Com as divs já funcionando como tabela vamos definir a vertical-align como middle, isso na div cell.

#cell {
vertical-align: middle;
display: table-cell;
}

Falta agora setar a margin do conteudo como auto. E colocar um valor para largura, senão vai ficar 100%.

#conteudo {
width: 500px;
margin: auto;
}

Pronto, a div já vai aparecer centralizada no browser. Mas ainda está faltando o nosso amigo IE.

A idéia é quase a mesma da primeira situação. Como antes do conteudo temos uma div (cell), a gente defini seu position como absolute, e top como 50%. E na conteudo com position como relative, e top como -50%.

Lembrando que para não atrapalhar a definição correta, usaremos um hack que só influenciará no Internet Explorer.

Ficando o CSS final assim:

html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}

#table {
width: 100%;
height: 100%;
display: table;
background: #f1f1f1;
}

#cell {
vertical-align: middle;
display: table-cell;
_position: absolute;
_top: 50%;
}

#conteudo {
width: 500px;
margin: auto;
padding: 20px;
border: 1px solid black;
_position: relative;
_top: -50%;
}

E o HTML:

<div id="table">
<div id="cell">
<div id="conteudo">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</div>
</div>

Mais sobre:

Exemplo com a primeira situação

Maujor – Centralizar Vertical

[update testado="IE6, IE7, FIREFOX 2 e OPERA 9"]

html, body {
width:100%;
height:100%;
padding: 0px;
margin: 0px;
}

#table {
width: 100%;
height: 100%;
position: static;
display: table;
*overflow: hidden; /* hack para o IE6 e IE7 */
*position: relative; /* hack para o IE6 e IE7 */
}

#cell {
vertical-align: middle;
display: table-cell;
position: static;
*top: 50%; /* hack para o IE6 e IE7 */
*position: absolute; /* hack para o IE6 e IE7 */
}

#conteudo {
top: -50%;
width: 500px;
margin: auto;
position: relative;
background: red;
}

[/update]

Tags: absolute, centralizar, CSS, firefox, hack, horizontal, ie, opera, table-cell, Tableless, vertical, vertical-align

Read More