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

Question

我想从我的 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”格式而不是进行字符串操作？

Answer 1

您可以使用formatDate

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

Answer 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>