如何显示具有完整日期格式的特定日期选择器?

时间:2016-09-20 23:06:39

标签: jquery datepicker

我有四个不同的日期选择器,它们都可以使用,但是在Date1 / Date2上我可以选择月/日/年它只输出月/年。

如何让这两个日期选择器显示日期,如mm / dd / yyyy?

https://jsfiddle.net/km96dgsd/

$(function() {
     $('.date-picker').datepicker(
                    { yearRange: "1980:",
                        dateFormat: "mm/yy",
                        changeMonth: true,
                        changeYear: true,
                        showButtonPanel: true,
                        onClose: function(dateText, inst) {


                            function isDonePressed(){              return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1);
                            }

                            if (isDonePressed()){
                                var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                                $(this).datepicker('setDate', new Date(year, month, 1)).trigger('change');

                                 $('.date-picker').focusout()//Added to remove focus from datepicker input box on selecting date
                            }
                        },
                        beforeShow : function(input, inst) {

                            inst.dpDiv.addClass('month_year_datepicker')



                            if ( $(input).is("#startDate2") || $(input).is("#startDate4") ) {
                                inst.dpDiv.addClass("hide-calendar");
                            }
                            else {
                                inst.dpDiv.removeClass("hide-calendar");
                            }
                        }
                    })
});

1 个答案:

答案 0 :(得分:0)

可以将其包装在<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.1/lodash.min.js"></script>循环中,并根据条件

设置格式
each

DEMO