JavaScript

Popup Calendar

Publicado por antlou em 30/05/2017

Este pequeno script client-side introduz uma data através dum popup.

O script Popup Calendar torna a entrada de datas em formulários tão fácil quanto apontar e clicar.
O utilizador simplesmente seleciona a data a partir de um calendário pop-up e é automaticamente inserido no campo de formulário designado.
Este é um dos melhores script do seu tipo, com as seguintes características notáveis:

Formato de data personalizavel (ie: y / m / d, m / d / y etc)

Interface totalmente personalizável (cores, dimensões de janela popup, etc)

Acomodação para diferentes idiomas além do formato de calendário inglês e inglês

Completamente funcional

Resultado:

Clique no na imagem calendario para abrir o popup.

Vou colocar o codigo, utilizando linguagem JAVASCRIPT e HTML.

Vou então começar por apresentar o ficheiro html

popup_calendar.html



<script language="javascript" src="cal.js"></script>
<!--
    Xin's Popup calendar script -  
    Xin Yang (http://www.yxscripts.com/)
-->

<script language="javascript" src="cal_conf.js"></script>

<form name="sampleform">
    <input type="text" name="firstinput" size=20> 
        <small>
        <a href="javascript:showCal('Calendar1')">
        <img src="calendar.jpg" width="24" align="top">
        </a>
        </small>
    <p>
    <input type="text" name="secondinput" size=20> 
        <small>
        <a href="javascript:showCal('Calendar2')">
        <img src="calendar.jpg" width="24" align="top">
        </a>
        </small>
</form>

Pela dimensão do ficheiros escritos em javascript, não é possivel apresentar gráficamente aqui.

No entanto estes ficheiros estarão disponíveis para download aqui e esclarecimentos em
http://www.yxscripts.com/tools/xc2/index.html

cal.js
cal_conf.js
calendario.jpg

voltar ao topo ↑

Download Código

Espero ter sido útil. Deixe o seu grau de satisfação.

1 votos - 5 pontos - 19 downloads
Média : 5,000

Infoscript - Desenvolvimento de websites, e-commerce e programação

Infoscript tem soluções para desenvolvimento web e programação para aproximar os seus clientes às necessidades atuais do mercado.
O design de produto, a criação de websites e lojas online entre outros, são os principais serviços que temos para lhe oferecer.
Contate-nos através do endereço geral@infoscript.pt
Nós teremos uma solução para si à medida.