2011-06-18 46 views
0

我使用jQuery日期选择器输出选择的日期值到两个不同的div。我不知道如何获得datepicker的价值,并应用两种不同的格式。JQuery的日期选择多个日期格式

这是多远我得到:

<script> 
$(document).ready(function() { 

    $("#datepicker").datepicker({ dateFormat: 'dd' }); 

    $("#datepicker").change(function() { 
     $(".date-large").html($("#datepicker").val()); 
     $.datepicker.formatDate('yy/mm/dd', $(".date-small").html($("#datepicker").datepicker('getDate')));  
    }); 


    }); 
</script> 

回答

2

您可以使用日期选择器的getDate方法用于获取从日期选择器当前日期。

在你的代码有日期选择器分配到同一个元素与日期格式的3种不同的选择,我不知道这将作为唯一的执行将被用于最后一行很好地工作。在你的情况下,小行dateformat将用于#datepicker。

我这里是越来越日期形式单一的日期选择器的。

<script> 
    $(document).ready(function() { 

    $("#datepicker").datepicker({ dateFormat: 'D, M dd' }); 

    $("#datepicker").change(function() { 
     $(".date-large").html($("#datepicker").datepicker('getDate')); 

     // new edit 
     var date_in_different_format = $.datepicker.formatDate('yy/mm/dd', $(".date-large").datepicker('getDate')); 
    }); 
    }); 
</script> 
+0

嗯好吧我明白了。但是我怎样才能从同一个选择器中提取两种不同的日期格式? – Gabriel

+0

我也修改了我的答案!与/ /新编辑..你可以使用datePicker提供的dateFormat函数以不同的格式获取日期。即$ .datepicker.formatDate('yy/mm/dd',$(“#datepicker”).datepicker('getDate')); –

+0

我整合了您的建议,但现在“日期小”在我选择新日期时不显示任何文字。 'getDate'不起作用,因为我不认为这会输出HTML。任何其他想法? (在我原来的文章中编辑过的脚本) – Gabriel