如何在提交时将输入日期格式从 MM dd yy 更改/转换为 yyyy-mm-dd

Question

我试图弄清楚如何在表单提交上将 dateFormat MM dd yy 更改为 yyyy-mm-dd。 在我的示例https://codepen.io/monsmado/pen/ExxodEY 中，我已将 output 置于警报状态，以查看会发生什么，但我找不到将 MM 更改为 mm 的任何解决方案。

<input type="text" id="fromdate" class="datepicker form-control dpd1" 
name="from" placeholder="Select From Date"> <span class="input-group- 
addon"></span>
<input type="button" class="getdate" value="Change Date">

$('.datepicker').datepicker({
    dateFormat: 'MM dd yy'
})

$('.getdate').on('click', function() {
    var date = $('#fromdate').val().split(" ");
    day = date[1];
    month = date[0];
    year = date[2];
    alert([year, month, day].join('-'));
});

Answer 1

编辑日期格式

初始化日期选择器时，您可以指定定义的格式。

您可以尝试以下方法：

$('.datepicker').datepicker({
    dateFormat: 'yy-mm-dd'
})

$.datepicker.formatDate function

如果您需要 datepicker 的特定格式，您还可以使用 datepicker文档中的formatDate function 使用任何date object ：

// Display the date in ISO format. Produces "2007-01-26".
$.datepicker.formatDate( "yy-mm-dd", new Date( 2007, 1 - 1, 26 ) );

使用您的代码：

$('.datepicker').datepicker({
    dateFormat: 'MM dd yy'
});
$('.getdate').on('click', function() {
    var date = $( "#fromdate" ).datepicker( "getDate" );
    var date_str = $.datepicker.formatDate( "yy-mm-dd", date );
});