使用多种日期格式在不同输入中设置相同的日期

时间:2012-02-05 17:33:55

标签: jquery html datepicker jquery-ui-datepicker

我有两个具有相同日期的输入,但我想将该日与月份和年份分开。当选择一个,更新另一个...我几乎完成了它,但我有一些我不明白的问题......

有一个例子,

http://jsfiddle.net/m99xD/1/

提前Tkhs

1 个答案:

答案 0 :(得分:0)

更新:由于某些原因,minDate导致了问题,因此如果您不需要,我建议先将其删除。当您选择日期,并且您的日期格式仅显示其中的一部分(天或月/年)时,仅考虑该部分,这不是您想要的。解决方法是在对话框打开之前更改dateFormat,并在选择后将其更改回来:

$( ".departDateMonthYear" ).datepicker({
    dateFormat:"M yy" ,     
    hideIfNoPrevNext:true ,
    //minDate:0,
    beforeShow:function() {
        // Change dateFormat for a full format, so the correct date can be selected
        $(this).datepicker("option","dateFormat","dd/mm/yy");
    },
    onSelect:function () {
        var dat_thisDate = $( this ).datepicker( 'getDate' );
        dat_thisDate.setDate( dat_thisDate.getDate() );
        $( ".departDateDay" ).datepicker( "setDate" , dat_thisDate );

        // Change the format back to the original, after the date is set
        $(this).datepicker("option",{
            dateFormat:"M yy",
            monthNamesShort:arr_monthsNameAbr // bonus: display using your localized month names
        });
    }
});

天的输入是类似的。关于jsFiddle的Full code