Question

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

7月23日15日

我一直在阅读这个问题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>

以下更新的代码段：

   $('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

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

1 个答案: