Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Micilini Roll

[Resolvido] comando do datapicker!

Por , em Javascript

Recommended Posts

Micilini Roll    49

Micilini Roll
Postado

este é o comando pessoal:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="mootools-core.js" type="text/javascript"></script>
<script src="mootools-more.js" type="text/javascript"></script>
<script src="../Source/Locale.en-US.DatePicker.js" type="text/javascript"></script>
<script src="../Source/Picker.js" type="text/javascript"></script>
<script src="../Source/Picker.Attach.js" type="text/javascript"></script>
<script src="../Source/Picker.Date.js" type="text/javascript"></script>
   <link href="style.css" rel="stylesheet" />
<link href="../Source/datepicker_dashboard/datepicker_dashboard.css" rel="stylesheet">

<script>

window.addEvent('domready', function(){
	new Picker.Date($$('input'), {
		timePicker: true,
		positionOffset: {x: 5, y: 0},
		pickerClass: 'datepicker_dashboard',
		useFadeInOut: !Browser.ie
	});
});

</script>

</head>

<body>
<input  type="text">
</body>
</html>

 

o codigo diz :

 

new Picker.Date($$('input'), {

 

este codigo funciona,so que na situaçao que estou querendo usa-lo tem varios campos de texto e text area do tipo input,e quando clico em cada um deles apareçe em todos a janelinha para colocar a data,sendo que so deve apareçer em somente 1,e agora o que eu devo colocar no local do input?!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gustavo H. Rorato    2

Gustavo H. Rorato
Postado

Cara ve se resolve teu problema, ao invés de input, coloca o id dos teus campos, se não me engano da para você colocar mais de um id ali no teu 

new Picker.Date($$('input'), {

terá que procurar na documentação como fazer isso.

 

Abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

Ja tentei colocar o id e nao funfou,esse comando ai do andre otto no local do find eu coloco o nome do campo que ficara a data?

 

Como ficaria um botao com attr rel,

 

Eaea pessoal alguma ideia de como ficaria isso pois eu nao estou conseguindo resolver este puzzle aqui nao!

A nao ser se eu fazer este data picker separadamente em outra pagina e puxar pra pagina do forumularia atraves de um include?! Mas ai ja seria uma gambiarra e nao ficaria do modo que eu queria

 

Alguem?!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Micilini Roll    49

Micilini Roll
Postado

Simples mano... vai no input que deseja que o datapicker apareça e coloque um id, por exemplo.

 

<input type="text" id="so_esse">

e no code insira a chamativa para esse id.

 

window.addEvent('domready', function(){    new Picker.Date($$('#so_esse'), {        timePicker: true,        positionOffset: {x: 5, y: 0},        pickerClass: 'datepicker_dashboard',        useFadeInOut: !Browser.ie    });});

ficando assim....

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">        <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <title>Untitled Document</title>        <script src="mootools-core.js" type="text/javascript"></script>        <script src="mootools-more.js" type="text/javascript"></script>        <script src="../Source/Locale.en-US.DatePicker.js" type="text/javascript"></script>        <script src="../Source/Picker.js" type="text/javascript"></script>        <script src="../Source/Picker.Attach.js" type="text/javascript"></script>        <script src="../Source/Picker.Date.js" type="text/javascript"></script>        <link href="style.css" rel="stylesheet" />        <link href="../Source/datepicker_dashboard/datepicker_dashboard.css" rel="stylesheet">        <script>            window.addEvent('domready', function () {                new Picker.Date($$('#so_esse'), {                    timePicker: true,                    positionOffset: {                        x: 5,                        y: 0                    },                    pickerClass: 'datepicker_dashboard',                    useFadeInOut: !Browser.ie                });            });        </script>    </head>        <body>        <input type="text" id="so_esse">        <input type="text">        <input type="text">    </body></html>

Note que eu coloquei nesse exemplo acima 3 inputs mais so coloquei o id="so_esse" no primeiro... ou seja, ele so vai abrir o datapicker nesse primeiro, os outros 2 serão normais.

 

vlw cara resolveu aqui! =1 pra ti :grin:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito