Изменение формата даты на JQuery UI Date Picker

Question

Я пытался отформатировать DatePicker так, что дата выходит так:

Июл 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"
• Short: "d M, y"
• Medium: "d MM, y"
• Full: "DD, d MM, yy"
• с текстом: "'day' d 'of' MM 'in the year' yy"

A Demo