jquery - 从 string/django 对象获取日期选择器默认日期

Question

我是一个 jquery 和 Javascript 方面的菜鸟(没有任何经验)，我想做的是以下事情:

我将一个文章对象传递给我的模板，其中存储了日期信息。我可以使用 {{article.pubdate }} 访问和显示该信息。是否可以将datepicker的defaultDate选项设置为文章日期？
我该怎么做呢？

感谢您的指点!

更新:有关 {{article.pubdate }} 的更多信息:
它是一个日期时间对象。字符串的显示格式可以编辑，因此 {{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>

它工作得非常好。有什么方法可以将日期信息直接传递到日期选择器中吗？

Answer 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, ',')));