mat*_*ewb 12 jquery date datepicker
我试图获取日期选择器的属性来动态提取日期,但是当我尝试将其设置为变量时,我得到未捕获的异常错误.
错误仅发生在没有日历(内联)的页面上.如何从选择器中拉出rel标签而不会出现此错误?
//Event Calendar Home Page and Listing
function calendar_picker () {
$("#calendar-inline").datepicker({
//defaultDate: $(this).attr('rel'),
dateformat: 'yy-mm-dd',
maxDate: '+1y',
minDate:'-0d',
hideIfNoPrevNext: true,
showButtonPanel: false,
navigationAsDateFormat: false,
onSelect: function(dateText, inst) {
var d = new Date(dateText);
var fmt1 = $.datepicker.formatDate("yy-mm-dd", d);
$.ajax({
type: "POST",
url: "/events/listing/all/20/",
dataType: "html",
date: "event_date="+fmt1,
success: function(){
window.location.href= "/events/browse/"+fmt1;
}});}});
}
Run Code Online (Sandbox Code Playgroud)
UPDATE 正确,注释行是我遇到的问题,从内部从#calendar-inline中提取属性rel的正确方法是什么.所有尝试都会在js中抛出未被捕获的错误
更新2
function calendar_picker () {
var myDate = new Date($("#calendar-inline").attr('rel'));
$("#calendar-inline").datepicker({
dateformat: 'yy-mm-dd',
defaultDate:myDate,
Run Code Online (Sandbox Code Playgroud)
解:
function calendar_picker () {
var myDate = null;
if ($("#calendar-inline").attr('rel') != null) {
myDate = $.datepicker.parseDate("yy-mm-dd", $("#calendar-inline").attr('rel'));
}
$("#calendar-inline").datepicker({
dateformat: 'yy-mm-dd',
defaultDate:myDate,
Run Code Online (Sandbox Code Playgroud)
试试这个:
defaultDate: $("#calendar-inline").attr('rel')
Run Code Online (Sandbox Code Playgroud)
这将尝试从'rel'属性中提取日期,如果不存在,则应返回null.当null传递到datepicker默认日期时,它将使用今天作为默认日期.
我们可以这样设置默认日期:
<script type="text/javascript">
$(function() {
$("#date" ).datepicker({
changeMonth: true,
changeYear: true,
yearRange: '1920:2010',
dateFormat : 'dd-mm-yy',
defaultDate: new Date(2000,01,01)
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
请参阅http://jqueryui.com/demos/datepicker/#option-defaultDate