从字符串/django 对象获取 datepicker defaultdate

Posted 2023-02-24

【中文标题】从字符串/django 对象获取 datepicker defaultdate

【英文标题】：Get datepicker defaultdate from string/django object

【发布时间】：2013-07-27 16:42:46

【问题描述】：

我是 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 作为页面上显示的字符串。 在阅读之后，我尝试了以下方法将该字符串放入 datepicker 中，如下所示：

<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？

【问题讨论】：

article.pubdate 是什么样的？是字符串，如果是，是什么格式，是 Date 对象，还是 ...

哦，是的...添加了该信息。谢谢！

【参考方案1】：

您可以使用setDate 设置默认日期

你需要在datepicker初始化后使用这个，因为你需要传递日期对象

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

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

【讨论】：

谢谢！但是如何将article.pubdate或其字符串转换为new Date()？

1.我们需要从 div 2 中提取日期。我们需要用 replace() 将“-”替换为“，”。我已经在ans中更新了

由于某种原因不起作用:(虽然更新了我的问题，也许这有帮助？

您是否尝试过我在您更新的答案中没有找到的“setDate”，以及工作示例please check this fiddle

小提琴是为我做的，我忘了把你的 '#datepicker' 改成我的 '.datepicker input' :D 太棒了，非常感谢！