从 jQuery UI 日期选择器获取日期答案

【问题标题】：get date from jQuery UI date picker从 jQuery UI 日期选择器获取日期
【发布时间】：2015-06-16 00:57:38
【问题描述】：

我想从我的 jQuery UI 日期选择器中获取日期。在我的输入中，我需要以“d MM yy”格式显示日期，因为它对用户来说更具可读性。例如。 “2015 年 6 月 5 日”

$("#from").datepicker({
       dayNamesMin: [ "S", "M", "T", "W", "T", "F", "S" ], 
       firstDay: 1,  
       dateFormat: "d MM, yy",
       onClose: function( selectedDate ) {
       $( "#to" ).datepicker( "option", "minDate", selectedDate );
       }
   });

但是当我需要使用输入日期值时，我需要它以“yyyy-mm-dd”格式，例如。 2015-04-30

默认的 getdate 方法为我提供了中间日期字符串。

var start = $("#from").datepicker( 'getDate' );

是否有任何快速的方法来获得“yyyy-mm-dd”格式而不是进行字符串操作？

【问题讨论】：

标签： javascript jquery jquery-ui date

【解决方案1】：

您可以使用formatDate

var dt = $("#from").datepicker( 'getDate' );
var start= $.datepicker.formatDate('yy-mm-dd', dt);

【讨论】：

【解决方案2】：

jQuery(document).ready(function($)
{
  //storing parent element
  var parentElement = $('div.date');
  
  //bind the date picker to the parent
  parentElement.datepicker(
  {
                firstDay: 1,
                inline:true,
                showOtherMonths: true,
                daysNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    });
   
   //when the parent is changed(clicked or submit) grab the value
   parentElement.on('change', function()
   {
      var selectedDate = $(this).val();//the selected date value
      console.warn(selectedDate);//logging the selected date
   });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<div class="date"></div>

【讨论】：