从string / django对象获取datepicker defaultdate
我在jquery和Javascript中总共(就像没有经验 – 无论如何)noob,我想做的是以下内容:
我将一个article-object传递给我的模板,该模板中存储了日期信息。 我可以使用{{ article.pubdate }}
访问和显示该信息。 是否可以将defaultDate
选项设置为文章日期?
我该怎么办呢?
感谢您的任何指示!
更新 :有关{{ article.pubdate }}
更多信息:
它是一个日期时间对象。 可以编辑字符串的显示格式,因此{{ article.pubdate|date:"Ymd"}}
给出的日期与2013-07-27相同。
更新2 :我在页面上显示文章日期,如下所示:
{{ article.pubdate|date:"Ymd" }}
这给了我2013-07-27
作为页面上显示的字符串。 阅读后我尝试了以下方法将该字符串转换为datepicker,如下所示:
$(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, }); });
但这不起作用,为什么?
更新2 :如果我像这样设置defaultDate
:
$(function() { $( ".datepicker input" ).datepicker({ dateFormat: "yy-mm-dd", changeMonth: true, changeYear: true, yearRange:'1990:2013', defaultDate:"2001-01-01" }); });
它工作得很好。 有没有办法将日期信息直接传递给datepicker?
您可以使用setDate设置默认日期
你需要在初始化datepicker之后使用它,因为你需要传递date Object
$('#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 UI DatePicker更改突出显示“今天”日期
- 手动编辑日期或清除日期时,bootstrap datepicker更改日期事件不会启动
- 如何将jQueryUI DatePicker的图标触发器与Bootstrap 3的输入组相结合
- Laravel4:如何将Datepicker传递给表单?
- Bootstrap Datepicker限制要选择的可用日期
- Jquery datepicker更改事件触发器和输入的默认更改事件
- 一旦选择了日期,如何在jQuery UI datepicker上触发validation?
- 使用Bootstrap Datepicker选择月份日期范围和月份
- 如何以特定格式获取日期