2013-07-27 31 views
2

我是一個總的(如無經驗凡)小白在jQuery和JavaScript和我想要做的是:獲得來自串/ Django的目標日期選擇器defaultdate

我傳遞一個文章對象到我的模板有日期信息存儲在它。 我可以通過{{ article.pubdate }}訪問並顯示該信息。 是否可以將datepicker的defaultDate選項設置爲文章日期?
我該怎麼辦?

感謝您的指點!

更新: 一些更多的信息,有關{{ article.pubdate }}
這是一個DateTime對象。字符串的顯示格式可以編輯,所以{{ article.pubdate|date:"Y-m-d"}}給出的日期類似2013-07-27。

更新2: 我在頁面上顯示的文章日期是這樣的:

<div id="article-pubdate"> 
     {{ article.pubdate|date:"Y-m-d" }} 
</div> 

這給了我2013-07-27爲頁面上顯示的字符串。 閱讀各地後,我嘗試了以下方法來獲取字符串轉換成日期選擇器,像這樣:

<script> 
    $(function() { 
     var a = $("#article-pubdate").text(); 
     var the_date = $.datepicker.parseDate("yy-mm-dd", a); 
     $(".datepicker input").datepicker({ 
      dateFormat: "yy-mm-dd", 
      changeMonth: true, 
      changeYear: true, 
      yearRange: '1990:2013', 
      defaultDate: the_date, 
     }); 
    }); 
</script> 

但是,這並不工作,爲什麼?

更新2: 如果我設置defaultDate像這樣:

<script> 
    $(function() { 
    $(".datepicker input").datepicker({ 
     dateFormat: "yy-mm-dd", 
     changeMonth: true, 
     changeYear: true, 
     yearRange:'1990:2013', 
     defaultDate:"2001-01-01" 
    }); 
    }); 
</script> 

它工作絕對沒問題。有沒有辦法將日期信息直接傳遞給datepicker?

+0

又是什麼'article.pubdate'樣子?它是一個字符串,如果是這樣的格式,是一個日期對象,或... – adeneo

+0

哦,是的...增加了信息。謝謝! – LukasKawerau

回答

1

可以使用setDate

您需要的日期選擇器初始化後才能使用此設置默認日期,你需要傳遞的日期對象

$('#datepicker').datepicker(datepicker({ 
     dateFormat: "yy-mm-dd", 
     changeMonth: true, 
     changeYear: true, 
     yearRange: '1990:2013', 
    }); 

$('#datepicker').datepicker('setDate', new Date($("#article-pubdate").text().replace(/\-/g, ','))); 
+0

謝謝!但是,如何將'{{article.pubdate}}'或其字符串轉換爲'new Date()'? – LukasKawerau

+0

1.我們需要從div 2中提取日期,我們需要用replace()替換「 - 」和「,」。我已更新,在ans – kartheek

+0

由於某種原因,不起作用:( 更新我的問題,雖然,也許這有幫助嗎? – LukasKawerau

相關問題