2013-08-06 27 views
0

我已經通過在stackoverflow中詢問有關日期格式的問題,並且發現了大量標記爲重複的問題。我嘗試了他們已經接受的各種方法作爲回答後張貼這個,但我不能以某種方式得到它的工作。下劃線模板中的日期格式(javascript)

首先我使用骨幹。

我所擁有的是來自數據庫的(Y-m-d)日期格式。通過json解析,我把它放到下劃線模板中。我需要它是(m-d-Y)格式。從數據庫

data.pp.dob 

價值是什麼我想(把它轉換成M-d-Y格式)

var date = new Date(data.pp.dob); 
dateNew = (date.getMonth() + 1) + '-' + date.getDate() + '-' + date.getFullYear(); 

我使用jQuery插件日期選擇器來獲得壓延。所以當我嘗試格式化日期時,一切都會變得更加奇怪。有時當我嘗試觸發壓光時,它會給NAN。有時會給一年像4400和所有..

$('.date-picker').datepicker(); 

HTML代碼,您從後端收到

<% 
    var date = new Date(data.pp.dob); 
    dateNew = (date.getMonth() + 1) + '-' + date.getDate() + '-' + date.getFullYear(); 
    %> 
    <%=dateNew%> 
    <input value="<%=dateNew%>" class="span5 date-picker dob" name="dob" id="id-date-picker-1" type="text" data-date-format="yyyy-mm-dd" /> 

回答

4

假設日期是正確的,最有可能的問題就出在這裏:

<input value="<%=dateNew%>" class="span5 date-picker dob" name="dob" id="id-date-picker-1" type="text" data-date-format="yyyy-mm-dd" /> 

Datepicker小部件有一些奇怪的約定:

  • Ÿ - 年(兩位數)
  • YY - 年(四位數)

因此,對於輸入格式應該是:YY-MM-DD文檔:http://api.jqueryui.com/datepicker/

+0

相當正確的。我將小部件中的日期格式更改爲mm-dd-yyyy,並且它工作得很完美。謝謝drax .. :) –

+0

分享到的正確代碼: <% var date = new Date(data.pp.dob); (date.getMonth()+ 1)+' - '+ date.getDate()+' - '+ date.getFullYear(); %> 」class =「span5 date-picker dob」name =「dob」id =「id-date-picker-1」type =「text」data-date-format =「mm- dd-yyyy「/> –