2017-10-21 70 views
-3

,我傳遞價值觀的js,但不能 這裏是我的代碼...不能工作的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') }}" />

回答

1

在這裏,你去了一個解決方案

$(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' />

希望這會幫助你。

+0

在你的小提琴中有一個錯誤。 – weBBer

+1

@weBer錯誤已修復。 – Shiladitya