Necesito agregar tiempo en un daterangepicker usando jQuery y JavaScript. Estoy explicando mi código a continuación.
<input class="form-control" name="startgroupdate" id="stdate" type="text" placeholder="" onfocus="removeBorder('stdate')"> $('input[name="startgroupdate"]').daterangepicker({ singleDatePicker: true, showDropdowns: true, drops: "up", minDate: '01/01/2012', maxDate: '12/31/2017' });Aquí solo la fecha proviene del calendario, pero también necesito agregar la hora, por lo que el resultado debería ser como "04/03/2017 12 10 p.m.".
Mira esto ... Debes agregar la propiedad de tiempo y daterangepicker js
<!DOCTYPE html> <html> <head> <script data-require="jquery@*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <link data-require="bootstrap@*" data-semver="4.0.5" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" /> <script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <link rel="stylesheet" href="style.css" /> <link href="daterangepicker-bs3.css" rel="stylesheet" type="text/css" /> <script src="moment.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.js"></script> <script src="script.js"></script> </head> <body> <h1>Hello Plunker!</h1> <input class="form-control" name="startgroupdate" id="stdate" type="text" placeholder=""> <script> $(function() { $('input[name="startgroupdate"]').daterangepicker({ timePicker: true, locale: { format: 'MM/DD/YYYY h:mm A' }, singleDatePicker: true, showDropdowns: true, drops: "down", minDate: '01/01/2012', maxDate: '12/31/2017' }); }); </script> </body> </html>Tienes que agregar propiedad
timePicker: trueque estos enlaces ayuden http://www.daterangepicker.com/#ex2
Debe agregar el indicador de selección de tiempo a daterangepicker.
$('input[name="startgroupdate"]').daterangepicker({ timePicker: true, timePickerIncrement: 30, singleDatePicker: true, showDropdowns: true drops: "up", minDate: '01/01/2012', maxDate: '12/31/2017' });