2010-07-26 100 views
-1

我有一个已经设置好的日期选择器,我如何访问datepicker实例以用于我的javascript的另一部分。我打算使用元素的click事件,获取datepicke的日期并通过url发起查询。jquery datepicker

谢谢你们,

$(document).ready(function(){ 
     $('#datepicker').hide(); 


<?php echo "$('#eventlist').load('events/findevent/" . $date . "');"; ?> 
     $("#datepicker").datepicker({ 
      dateFormat: 'yy-mm-dd', 
      onSelect: function(selecteddate){ 
       $('#eventlist').load('events/findevent/'+selecteddate); 
      }, 
      beforeShowDay: function(date,inst){ 
       var found = false; 
       var i = 0; 
       while(!found && (i<valid.length)){ 
        found = (!(date>valid[i] || date<valid[i])); 
        i++; 
       } 
       return [found,'','']; 
      }, 
      onChangeMonthYear: function(year,month,inst){ 
       $('#eventlist').load('events/findbymonth/'+"0"+month); 
      } 
     }); 
    }); 

在HTML我只是有一个id为日期选择div标签。除了日期选择器之外,我还有4个按钮,并且预览了月份和日期。当用户点击任一字段的下一个时,日期将转移到下一个可用日期。我有一个JavaScript数组中的所有日期,所以我试图在给定按钮的点击函数中使用日期选择器实例,获取日期并设置新日期。这样,将调用这些操作来更新与当前选定日期相关的其他字段。任何建议都会令人失望。 谢谢。

+0

什么日期选择您使用的可能会给予我们的帮助你摆脱更多的机会一点点信息。基本上,我们需要知道如何在HTML中调用datepicker .. – jolt 2010-07-26 15:33:59

回答

0

jQuery datepicker(我假设这是你正在使用的)有一个onSelect callback;你可能想使用它,而不是试图从元素中读取日期。

1

传递的事件beforeShow(input, inst)onChangeMonthYear(year, month, inst)的日期选择器选项:

$('#el').datepicker({ 
    beforeShow:function(input, inst){}, 
    onChangeMonthYear: function(year, month, inst){} 
}); 

出师表参数是将要创建的日期选择器的元素。

0

我会用getDate方法:

<input type="text" id="theDate" name="theDate> 

var theDate = $('#theDate').datepicker('getDate');