Todo lo necesario para el calendario sin conexion a la WEB
Publicado por devilsito (140 intervenciones) el 13/06/2014 00:32:23
Lo primero, debes colocar este codigo en tu archivo JS o entre <script> </script>
Aqui solo se deberia cambiar fchvta_d (que es de mi aplicacion) por el Id de tu caja de texto, lo mismo para fchent_c.
Mi sugerencia es que en los text coloques ReadOnly="True", para evitar el ingreso de caracteres que no sean fecha.
Este calendario requiere de nueve archivos de imagenes de extension PNG
para ello, deberas crear una carpeta images, por lo cual la ruta quedara como sigue:
/miproyecto/code.jquery.com/ui/1.10.1/themes/base/images
img_ui-bg_highlight-soft_75_cccccc_1x100.png
ui-bg_flat_75_ffffff_40x100.png
ui-bg_glass_55_fbf9ee_1x400.png
ui-bg_glass_65_ffffff_1x400.png
ui-bg_glass_75_dadada_1x400.png
ui-bg_glass_75_e6e6e6_1x400.png
ui-bg_highlight-soft_75_cccccc_1x100.png
ui-icons_222222_256x240.png
ui-icons_454545_256x240.png
los cuales puedes bajarlos de la web. Por ejemplo:
https://code.google.com/p/vallalarblogs/downloads/list?can=2&q=ui-bg_flat_75_ffffff_40x100.png
Ademas,
jquery-ui.css, lo puedes ubicar en:
http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css
jquery-1.9.1.js, lo puedes ubicar en:
http://code.jquery.com/jquery-1.9.1.js
jquery-ui.js, lo puedes ubicar en:
http://code.jquery.com/ui/1.10.1/jquery-ui.js
Cualquier duda me lo hacen saber por este foro. Mi calendario funciona correctamente deconectado de la web.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<LINK REL="stylesheet" TYPE="text/css" href="/miproyecto/code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css">
<script type="text/javascript" src="/miproyecto/code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="/miproyecto/code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script type="text/javascript">
jQuery.datepicker.regional['es'] = {
closeText: 'Egina',
prevText: '<Ant',
nextText: 'Sig>',
currentText: 'Gaur',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
dayNames: ['Igandea','Astelehena','Asteartea','Asteazkena','Osteguna','Ostirala','Larunbata'],
dayNamesShort: ['Lun','Mar','Mie','Jue','Vie','Sab','Dom'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
dateFormat: 'dd-mm-yy', firstDay: 1,
isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['es']);
$(function () {
$("#fchvta_d").datepicker();
});
$(function () {
$("#fchent_c").datepicker();
});
Aqui solo se deberia cambiar fchvta_d (que es de mi aplicacion) por el Id de tu caja de texto, lo mismo para fchent_c.
Mi sugerencia es que en los text coloques ReadOnly="True", para evitar el ingreso de caracteres que no sean fecha.
Este calendario requiere de nueve archivos de imagenes de extension PNG
para ello, deberas crear una carpeta images, por lo cual la ruta quedara como sigue:
/miproyecto/code.jquery.com/ui/1.10.1/themes/base/images
img_ui-bg_highlight-soft_75_cccccc_1x100.png
ui-bg_flat_75_ffffff_40x100.png
ui-bg_glass_55_fbf9ee_1x400.png
ui-bg_glass_65_ffffff_1x400.png
ui-bg_glass_75_dadada_1x400.png
ui-bg_glass_75_e6e6e6_1x400.png
ui-bg_highlight-soft_75_cccccc_1x100.png
ui-icons_222222_256x240.png
ui-icons_454545_256x240.png
los cuales puedes bajarlos de la web. Por ejemplo:
https://code.google.com/p/vallalarblogs/downloads/list?can=2&q=ui-bg_flat_75_ffffff_40x100.png
Ademas,
jquery-ui.css, lo puedes ubicar en:
http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css
jquery-1.9.1.js, lo puedes ubicar en:
http://code.jquery.com/jquery-1.9.1.js
jquery-ui.js, lo puedes ubicar en:
http://code.jquery.com/ui/1.10.1/jquery-ui.js
Cualquier duda me lo hacen saber por este foro. Mi calendario funciona correctamente deconectado de la web.
Valora esta pregunta
0