jquery datepicker默认日期

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)

Dav*_*ffe 9

试试这个:

defaultDate: $("#calendar-inline").attr('rel')
Run Code Online (Sandbox Code Playgroud)

这将尝试从'rel'属性中提取日期,如果不存在,则应返回null.当null传递到datepicker默认日期时,它将使用今天作为默认日期.

  • @David Radcliffe:你可能想用你在评论中添加的内容更新答案以备将来参考? (2认同)

Som*_*luk 8

我们可以这样设置默认日期:

<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