jquery日期選擇器從包含日期時間的字符串設置日期格式爲'MM-DD-YYYY'

Question

我想設置jquery datepicker日期格式，但它不工作，我已經閱讀了幾篇文章，並已回答，但沒有人爲我工作。以下是我使用的代碼，請檢查並告訴我我做錯了什麼。我正在從數據庫中的日期時間爲2012-03-06 00:00:00 UTC

<script> 
     $(document).ready(function() { 
      $(".datepicker").datepicker({ 
       dateFormat:'MM-DD-YYYY' 
      }).val(); 
     }); 
    </script> 

我也試過

<script> 
     $(document).ready(function() { 
      var dateTypeVar = $('.datepicker').datepicker('getDate'); 
      $.datepicker.formatDate('dd-mm-yy', dateTypeVar); 
     }); 
    </script> 

Answer 1

這2012-03-06 00:00:00 UTC是不是一個有效的JavaScript日期，所以datepicker不能接受指定的值。

Date對象：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

setDate方法：http://api.jqueryui.com/datepicker/#method-setDate

獲取兼容格式的日期，然後設置datepicker這個樣子。

代碼：

$(document).ready(function() { 
    var dbDate = "2012-03-06"; 
    var date2 = new Date(dbDate); 

    $(".datepicker").datepicker({ 
     dateFormat: 'mm-dd-yy' 
    }).datepicker('setDate', date2) 

}); 

演示：http://jsfiddle.net/IrvinDominin/7ck7D/