我是一个 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>
它工作得非常好。有什么方法可以将日期信息直接传递到日期选择器中吗?
最佳答案
您可以使用 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, ',')));
关于jquery - 从 string/django 对象获取日期选择器默认日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17897835/