如何从超链接触发jquery datepicker(www.keith-wood.name)

时间:2013-04-30 11:49:04

标签: jquery datepicker

我想在用户点击链接时显示日历。选择日期后,我想重定向到同一页面,选择日期作为查询字符串。

我正在使用来自http://keith-wood.name/datepickBasics.html的datepicker,到目前为止,我已成功完成了以下操作。

    $('#checkup_date').datepick({
        alignment:'bottom',
        dateFormat: 'yyyy-mm-dd',
        onSelect:
                function(getDate, instance) {
                    window.location = "<?php echo $_SERVER[PHP_SELF]; ?>?checkup_date=" + getDate;
                }           ,
        yearRange: '<?php echo date("Y") - 100; ?>:<?php echo date("Y"); ?>'
    });

一旦我点击这是重定向后的网址 http://www.mywebsite.com/panels/records/consultations_view.php?checkup_date=Tue 2013年4月30日12:00:00 GMT + 0530(印度标准时间)

而我希望日期为http://www.mywebsite.com/panels/records/consultations_view.php?checkup_date=2013-04-30

请帮助实现这一目标,或者如果您更了解使用相同插件从超链接触发日历的方法。

1 个答案:

答案 0 :(得分:3)

您可以通过提供ID(超链接元素ID)来制作trigger

  

在单击时会触发弹出式日期选择器的元素。

$(selector).datepick({showTrigger: 
    '<img src="img/calendar.gif" alt="Popup" class="trigger">'}); 
$(selector).datepick({showTrigger: '#myicon'});