Προς το περιεχόμενο

Προτεινόμενες αναρτήσεις

Δημοσ.

Καλημερα σας.Φτιαχνω μια φορμα και θελω να μπορει ο χρηστης να επιλεγει ημερομηνια και ωρα .Αυτο μπορει να γινει με twitter bootstrap και συγκεκριμενα με το datetimepicker object.To προβλημα που εχω  ειναι οτι δεν εμφανιζεται στην σωστη θεση , και οτι λειπουν τα εικονιδια απο αυτο το αντικειμενο .Παρακατω παραθετω στιγμιότυπο

 

post-414244-0-54050600-1475660409_thumb.jpg

 

To σετ του κωδικα που αναφερεται στο αντικειμενο αυτο ειναι το παρακατω 

 <div class="form-group">
                     <div class="input-group date" data-provide="datetimepicker" id="datetimepickerId" style="position:relative">
    			<input type="text" class="form-control  datetimepicker input-sm" id="datetimepicker1" value="Pick up date & time" data-date-container="myModalId">
    			
    			<span class="input-group-addon btn"><i class="glyphicon glyphicon-calendar"></i></span>
    			
		     </div>
		     <script type="text/javascript">
		     $("#datetimepicker1").function() {
		        $("#datetimepicker1").datepicker({
                        autoclose: true,
    	                format: 'dd-mm-yyyy',
                        daysOfWeekDisabled: '0,6',
                        todayHighlight: true,
                      orientation: 'auto'
        }
    });  }
			   
	            });  
    		   </script>
		    </div>

τα styles και τα scripts που φορτωσα στον Header ειναι τα παρακατω

<link href="css/bootstrap.min.css" rel="stylesheet">
       <link href="css/bootstrap-datetimepicker.css" rel="stylesheet"> 
	<link href="css/ bootstrap-datetimepicker.min.css" rel="stylesheet">
  	
  	<link href="css/prettify.css" rel="stylesheet">
  	<link href="css/animate.min.css" rel="stylesheet"> 
	
	<link href="css/justify_texts.css" rel="stylesheet">
  	<link href="css/main.css" rel="stylesheet">
 	<link id="css-preset" href="css/presets/preset1.css" rel="stylesheet">
  	<link href="css/responsive.css" rel="stylesheet">
  	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  	<link href="css/scheduler-border.css" rel="stylesheet">

 
 	<script type="text/javascript" src="js/jquery.js"></script>
  	<script type="text/javascript" src="js/bootstrap.js"></script> 
  	<script type="text/javascript" src="js/bootstrap.min.js"></script> 
   	<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
   	<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> 
        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.4.0/lang/en-gb.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="js/jquery.inview.min.js"></script>
	<script type="text/javascript" src="js/wow.min.js"></script>
	<script type="text/javascript" src="js/mousescroll.js"></script>
	<script type="text/javascript" src="js/smoothscroll.js"></script>
	<script type="text/javascript" src="js/jquery.countTo.js"></script>
	<script type="text/javascript" src="js/lightbox.min.js"></script>
	<script type="text/javascript" src="js/main.js"></script>

Οποιος μπορει να βοηθησει θα κανει μια καλη πραξη στην ζωη του γιατι δεν βγαζω ακρη εδω και 2 μερες.Ευχαριστω 

Δημοσ.

Failed to load resource: the server responded with a status of 404 (Not Found)

http://www.santoriginal.com/css/%20bootstrap-datetimepicker.min.css

 

Εχεις βαλει ενα κενο στο path

 

 

Επισης, το καλεις 2 φορες και μαλιστα καλεις και την minified εκδοση του. Δηλαδη καλεις ενα αρχειο 4 φορες! Ασε μονο μια, την minified εκδοση.

 

Διορθωσε τα και πες μου αν εστρωσε.

  • Like 1

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
  • Δημιουργία νέου...