2017-10-21 101 views
-3

Je passe juste valeur js vue mais ne peut pas Voici mon code ...ne peut pas fonctionner datetimepicker bootstap 3

$(function() { 
 
    var ddate = document.getElementById("datetimepicker4").value; 
 
    $('#datetimepicker4').datetimepicker({ 
 
    defaultDate: ddate, 
 
    useCurrent: false, 
 
    format: 'DD/MM/YYYY' 
 
    }); 
 
});
<input type='text' class="form-control" id='datetimepicker4' value="{{ \Carbon\Carbon::parse($data->created_at)->format('d/m/Y') }}" />

Répondre

1

Ici, vous allez avec une solution

$(function() { 
 
    $('#datetimepicker4').datetimepicker({ 
 
    format: 'DD/MM/YYYY' 
 
    }); 
 
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
 

 
<!-- Optional theme --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.4/css/bootstrap-datetimepicker.min.css" /> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.4/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<input type='text' class="form-control" id='datetimepicker4' />

J'espère que cela vous aidera.

+0

Il y a une erreur dans votre violon. – weBBer

+1

@weBer Erreur résolue. – Shiladitya