0

Ich brauche Zeit in einem daterangepicker mit jQuery und JavaScript hinzufügen. Ich erkläre meinen Code unten.Wie Zeit in daterangepicker hinzufügen

<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' 
}); 

Hier wird nur das Datum aus dem Kalender kommt, aber ich muß auch die Zeit an, so dass das Ergebnis wie „2017.03.04 12 10 Uhr“ sein sollte.

Antwort

2

prüfen diese out..You brauchen Zeit Eigenschaft hinzufügen und daterangepicker js

<!DOCTYPE html> 
<html> 

<head> 
    <script data-require="[email protected]*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <link data-require="[email protected]*" 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> 
+0

ich als pro Sie tat aber das Datum nur reflektieren Eingabefeld, sondern zusammen mit der Zeit kommt nicht. – subhra

+0

Überprüfen Sie den aktualisierten Code. –

+0

Nein, dasselbe Problem. Wo hast du die Änderungen gemacht? – subhra

1

Sie müssen die Timepicker-Flag auf daterangepicker hinzuzufügen.

$('input[name="startgroupdate"]').daterangepicker({ 
    timePicker: true, 
    timePickerIncrement: 30, 
    singleDatePicker: true, 
    showDropdowns: true 
    drops: "up", 
    minDate: '01/01/2012', 
    maxDate: '12/31/2017' 
}); 
Verwandte Themen