在 jQuery UI 日期选择器上更改日期格式

Question

我一直在尝试格式化日期选择器，以便日期如下所示：

15 年 7 月 23 日

我一直在阅读这个问题jQuery UI DatePicker - Change Date Format

但由于某种原因，它对我不起作用。我仍在学习 jQuery，因此我们将不胜感激。

我的代码如下：

              $('input').datepicker({  
                
                          onSelect: function(dateText, inst) { 
                            var date = $(this).datepicker('getDate'),
                                day  = date.getDate(),  
                                month = date.getMonth() + 1,              
                                year =  date.getFullYear();
                            
                            var parent_div = $(this).closest(".clickable-text");
                            console.log(parent_div);
                            $(".Jquery_day", parent_div).html(day);
                            $(".Jquery_month", parent_div).html(month);
                            $(".Jquery_year", parent_div).html(year); 
                            $(parent_div).addClass("is_selected");   
                            


                        } 
                    });

                    $(window).load(function() {

                    $('input').datepicker();
                    $('input').datepicker("setDate", new Date());

                   var dateFormat = $('input').datepicker({dateFormat: "M-d-y"}).val();

                    });  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

更新了以下代码的sn-p：

   $('input.start').datepicker({  

                                onSelect: function(dateText) {
                                  //  alert(dateText);
                                var date = $(this).datepicker('getDate'),
                                day  = date.getDate(),  
                                month = date.getMonth() + 1,              
                                year =  date.getFullYear();


                            var parent_div = $(this).closest(".clickable-text");
                            console.log(parent_div);
                            $(".Jquery_day", parent_div).html(day);
                            $(".Jquery_month", parent_div).html(month);
                            $(".Jquery_year", parent_div).html(year); 
                            $(parent_div).addClass("is_selected"); 

                             },
                                dateFormat: "M d y"
                            });

                         $('input.start').datepicker();
                         $('input.start').datepicker("setDate", new Date());  

请参阅下面的 jsfiddle。由于某种原因，它在这里似乎工作得还不错，它正在添加一个额外的日历，它可能是我的代码中的其他东西导致了这个问题。如果我编码错误，请告诉我。我也在努力取回“成人人数”部分的选定值，但它似乎在这里工作。

Demo

Answer 1

你是在这之后吗？

$('input').datepicker({  

    onSelect: function(date) {
        alert(date);
    },
    dateFormat: "M d y"
});

以下是允许的格式：

• 默认："mm/dd/yy"
• ISO 8601："yy-mm-dd"
• 短："d M, y"
• 中号："d MM, y"
• 已满："DD, d MM, yy"
• 带文字："'day' d 'of' MM 'in the year' yy"

A Demo