【问题标题】:Get datepicker defaultdate from string/django object从字符串/django 对象获取 datepicker defaultdate
【发布时间】: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 对象,还是 ...
  • 哦,是的...添加了该信息。谢谢!

标签: jquery django django-templates datepicker


【解决方案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 太棒了,非常感谢!
猜你喜欢
  • 2013-07-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-04
  • 2013-06-06
  • 1970-01-01
相关资源
最近更新 更多