2010-05-28 21 views
1

当我点击一个链接,然后通过post调用将选定的日期发送到不同的页面时,我需要使datepicker显示。从链接中调用jquery datepicker,并通过post调用发送日期

牛逼试图用这个代码链接调用:

$(".click-on-link").click(function(){ 
    $('#datepicker').datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     dateFormat: 'dd/mm/yy', 
     firstDay: 1 
    }); 
}); 

和HTML:

<a class="click-on-link" href="#">show datepicker</a> 

,但它不工作。任何想法?

谢谢!

$(document).ready(function() { 
    // Date picker initialisation 
    $("#datepicker").datepicker({ 
     showOn: 'button', 
     buttonImage: 'images/button_cal.gif', 
     buttonImageOnly: true, 
     dateFormat: 'd MM yy', 
     minDate: new Date(), 
     onSelect: function(dateText, inst) { 
        // inst.selectedYear, selectedMonth and selectedDate hold the values you need. Use $.ajax() to send off to the server. 
     } 
    }); 

    // Show the date picker 
     $(".class").click(function() { 
     $("#datepicker").datepicker("show"); 
    }); 

}); 

尝试下面的示例,它可以让你点击文本“日期”,这带来了日期选择器:

回答

3
$(function() { 
    $(".click-on-link").click(function() { 
     $('#datepicker').datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      dateFormat: 'dd/mm/yy', 
      firstDay: 1, 
      onSelect: function(dateText, inst) { 
       alert(dateText) // make your AJAX call! 
      } 
     }).focus(); //make the datepicker appear! 
    }); 
}); 
+0

它的工作原理!谢谢!唯一的是我必须添加$('#datepicker')。datepicker(“destroy”);在AJAX调用之后才能关闭它。 – Alex 2010-05-31 13:22:16

+0

这不是一个“东西”,这是唯一的方法! ;-) – 2010-05-31 13:42:14

+0

是真的。它也显示为内联,并在工具栏上不显示关闭按钮 - 也是唯一的方法。 – Alex 2010-06-02 06:59:10

0

我首先初始化您的日期选择器在页面加载时如下开始为了我。或许我们可以从这个样品的工作就是让您的方案工作:

<script type="text/javascript"> 
$(function() { 
    $("#datepicker").datepicker({}); 

    $("#test").click(function(){ 
     $("#datepicker").datepicker('show'); 
    }); 
}); 
</script> 

<p id="test">Date:</p> <input type="text" id="datepicker"> 
+0

一个想要显示它,当我点击一个链接,而不是图像上,如: show datepicker Alex 2010-05-28 14:24:58

+0

对不起,这是一些吃剩的来自其他项目的示例代码。看看我在哪里//显示日期选择器 希望onSelect位可以帮助您访问日期并通过AJAX – Alistair 2010-05-28 14:28:30

+0

发送关闭nope,它不起作用,因为它没有显示datepicker div 。 – Alex 2010-05-28 14:44:30