Como obtener la Fecha actual en un datetimepicker?
Publicado por root93 (16 intervenciones) el 20/06/2018 06:07:43
Hola, lo que quiero hacer es que al entrar a mi pagina, mis dos campos de fechas por default muestren la fecha actual, estos son mis campos
y este es mi código con javascript, lo que hace es que al darle click al primer calendario en automático me pone la fecha actual en los dos campos, eso lo logre colocando useCurrent: true, en ambos datetimepicker, también lo que hace es que no me deja seleccionar días después a la fecha actual, y tampoco me deja seleccionar los días anteriores al de la fecha seleccionada en el primer calendario
Lo que quiero hacer es que al entrar a mi pagina en automático ya estén mostrando la fecha actual, hice lo siguiente, pero no funciona, lo que hace es que al dar click en el primer calendario me despliega otro calendario encima del que ya tengo
Como le puedo hacer? que me hace falta? Necesito su ayuda, gracias.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="form-group">
<div class="input-group date" id="datetimepicker1">
<input id="fechInicio" name="fechInicio" class="form-control" type="text"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<div class="form-group">
<div class="input-group date" id="datetimepicker2">
<input id="fechFin" name="fechFin" class="form-control" type="text"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
y este es mi código con javascript, lo que hace es que al darle click al primer calendario en automático me pone la fecha actual en los dos campos, eso lo logre colocando useCurrent: true, en ambos datetimepicker, también lo que hace es que no me deja seleccionar días después a la fecha actual, y tampoco me deja seleccionar los días anteriores al de la fecha seleccionada en el primer calendario
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
$(document).ready(function(){
validaFechas();
};function validaFechas(){
$('datetimepicker1').datetimepicker({
locale: 'es',
format: 'L',
useCurrent: true,
format: 'DD/MM/YYYY'
});
$('datetimepicker2').datetimepicker({
locale: 'es',
format: 'L',
useCurrent: true,
format: 'DD/MM/YYYY'
});
$("#datetimepicker1").on("dp.change",function (e){
var fechaInicio = new Date(e.date);
$('#datetimepicker2').data("DateTimePicker").minDate(e.date);
var maximaFechaFin = new Date();
maximaFechaFin.setMinutes(1);
$('#datetimepicker2').data("DateTimePicker").maxDate(maximaFechaFin);
});
$("#datetimepicker2").on("dp.change",function (e)
{$('#datetimepicker1').data("DateTimePicker").maxDate(e.date);
var maximaFechaInicio = new Date();
var minimoFechaInicio = new Date(maximaFechaInicio.getFullYear(),
maximaFechaInicio.getMonth(), maximaFechaInicio.getDate() -92);
$('#datetimepicker1').data("DateTimePicker").minDate(minimoFechaInicio);
});
$("#fechInicio").keypress(function(evt){evt.preventDefault();})
$("#fechFin").keypress(function(evt){evt.preventDefault();})
}Lo que quiero hacer es que al entrar a mi pagina en automático ya estén mostrando la fecha actual, hice lo siguiente, pero no funciona, lo que hace es que al dar click en el primer calendario me despliega otro calendario encima del que ya tengo
1
2
3
4
5
6
7
$(document).ready(function(){
validaFechas();
$("#datetimepicker1").datepicker({
format: 'DD/MM/YYYY',
}).datepicker("setDate", new Date());
};Como le puedo hacer? que me hace falta? Necesito su ayuda, gracias.
Valora esta pregunta
0