domingo, 17 de enero de 2016

CALENDARIO DATEPICKER BOOTSTRAP


Many times we do not understand because they understand more about programming codes do not want to share the easiest way how to do things. 
This time Matt looking me programming code to make a calendar datepicker to bootstrap , I found many codes but incomplete and that did not work or if true had to complete with things that were little understood , is somewhat annoying but anyway is part of what you have to go when you want to learn.

Mucha veces no entendemos porque los que comprenden mas acerca de los códigos de programación no quieren compartir la manera mas sencilla la forma de hacer las cosas. En esta oportunidad me mate buscando códigos de programación para hacer un calendar datepicker para bootstrap, encontré muchos códigos pero incompletos y que no funcionaban o de ser cierto había que completarlo con cosas que eran poco entendible, es algo molestoso pero en fin es parte de lo que se tiene que pasar cuando se quiere aprender.

The easiest way to make a datepicker with less code as possible and doing so in different languages ​​by simply changing the language file more managed.

La forma mas sencilla de hacer un datepicker con el menos codigo posible y con la posibilidad de hacerlo en idiomas distintos cambiando simplemente el archivo de idioma que mas manejen.


well see the file Index.html code shown in plain text :
bien veamos el codigo del file  Index.html  mostrado en texto plano:

<Code>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="datepickeer bootstrap"/>
<META name="Copyright" content="AlexDelgadoAltamirano">
<meta name="robots" content="all" />
<title>Calendario</title>

        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/bootstrap-datepicker.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/bootstrap-datepicker.es.min.js"></script>
</head>
<body>

<input type="text" id="calendario">
<script type="text/javascript">
$(function(){
$('#calendario').datepicker({
format: "dd-mm-yyyy",
language: "es",
multidateSeparator: "-",
                               todayHighlight: true
});
});
</script>
</body>
</html>

<Code>

And just like we can get our calendar with bootstrap, all you have to do is create a index.html file and copy the code html of above

Y así de simple podemos obtener nuestro calendario con bootstrap, lo único que hay que hacer es crear un archivo inde.html y copiar el código de arriba.

css and jquery can download the files here .Any questions do not hesitate to ask.
los archivos css y jquery los pueden descargar aquiCualquier pregunta no duden en hacerla.

Consider when organizing files , I will organize by folders css and js.
tener en cuenta al momento de organizar los archivos, yo los organice por carpetas css y js.