jquery datepicker,试图显示所选日期

时间:2011-11-18 09:57:05

标签: jquery datepicker

仍然是jquery的新手,所以请耐心等待。

在jquery datepicker上点击日期后,如何在日历框旁边显示该日期?

这是我到目前为止所做的:

                $(function(){
                       $("#datepicker").datepicker({ minDate: +0 });

        });

就html而言,我有:

<div id="datepicker"></div>

在我尝试的事情中,如果日期显示在&#34;输入&#34; 如何将日期显示为纯文本?

3 个答案:

答案 0 :(得分:2)

你可以添加

<div id="alternate"></div>

在datepicker旁边,然后添加以下内容:

在日期选择器中,您可以添加onSelect事件

$('.selector').datepicker({
   onSelect: function(dateText, inst) 
   {
      $('#alternate').text(dateText);
   }
});

或者您可以使用

altField:“#alternate”, altFormat:“DD,d MM,yy”

如本页所述: http://jqueryui.com/demos/datepicker/#alt-field

答案 1 :(得分:0)

这应该自动工作意味着当您选择应出现在文本字段中的日期时,即。在您的情况下,ID为“datepicker”的文本字段。不确定你是否有这样的文本域。

jQuery datepicker demo

another jquery datepicker demo

答案 2 :(得分:0)

$('#datepicker').datepicker({
    onSelect: function(a, b) {
        $('#datepicker').val(Date.parse(a).add(1).day().toString('d/M/yyyy')); 
    }
});

您可以更改dateformat