2017-07-13 14 views
1

私は、日付ピッカーの日付形式を変更していますが、日付の形式がdeafault日付の形式によって変化しません動作しません。このMM/DD/YYYのようなものですjQueryの日付ピッカーチャゲの日付形式

$(document).ready(function() { 
$("#datetimepicker8").datepicker({ 
    dateFormat: "dd-mm-yy", 
    icons: { 
     time: "fa fa-clock-o", 
     date: "fa fa-calendar", 
     up: "fa fa-arrow-up", 
     down: "fa fa-arrow-down" 
     } 
    }); 
    }); 

ブートストラップテンプレート:

 <div class="col-lg-10"> 
     <div class='input-group date' id="datetimepicker8"> 
      <input type='text' class="form-control 
message" id="datesfield" name="dateSelect" required="true"/> 
    <span class="input-group-addon"> 
    <i class="fa fa-calendar" aria- 
hidden="true"></i></span> </div> 
           </div> 
+0

てみてください日付形式、:ここ

はあなたと同じコードで例を働いています" –

答えて

0

該当する場合は、コードを交換してください。

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>jQuery UI Datepicker - Format date</title> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<link rel="stylesheet" href="/resources/demos/style.css"> 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<script> 
$(function() { 
$("#datepicker").datepicker({ 
dateFormat: "dd-mm-yy" 
}); 
}); 
</script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker" size="30"></p> 


</body> 
</html> 
+0

ちょうどそれを説明しようとすると、答えを見ている人々はなぜそれが動作するのか理解することができます –

0

おそらくあなたは右のlibrairies(js、css)を読み込んでいません。 `DATEFORMAT:「DDミリメートルyyのこのような空白やドットの代わりに、スラッシュと

$(document).ready(function() { 
     $("#datetimepicker8").datepicker({ 
      dateFormat: "dd-mm-yy", 
      icons: { 
       time: "fa fa-clock-o", 
       date: "fa fa-calendar", 
       up: "fa fa-arrow-up", 
       down: "fa fa-arrow-down" 
       } 
      }); 
      }); 

https://jsbin.com/korunucilo/1/edit?html,js,output