Question

我正在使用jquery.datepicker，我需要以更易读的格式显示所选日期。这是我正在使用的代码：

    $(function(){
                $('#dp').datepicker({
                    dateFormat: 'yymmdd',
                    numberOfMonths: 3,
                    minDate: 0,
                    maxDate: 60
                });
                $('#date').on('click', function() {
                    $('#dp').datepicker('show');            
                });
                $("#dp").change(function() {
//#NEW DATE FORMAT = EDIT FORMAT OF #DP
                    $("#showDate").html($("#NEW DATE FORMAT").val());
                    $(".eventDate").addClass('eventAdded dateProvided');
                });
});

所以我需要转换#DP的值，但仅用于＃showDate.html元素中的显示目的。我希望这是有道理的

Answer 1

$("#dp").on("changeDate", function (ev) {
     var mydate= ev.date;// formate it as you like, as the the ev.date has date object
     alert("Day:"mydate.getDay() +"Month:"mydate.getMonth()+"Year:"mydate.getFullYear())
});

Answer 2

您可以使用datepicker内部formatDate函数。

这里是jsfiddle example

$('#dp').datepicker({
    dateFormat: 'yymmdd',
    numberOfMonths: 3,
    minDate: 0,
    maxDate: 60
});

$("#dp").change(function () {
    var tempDate = $('#dp').datepicker('getDate');
    var newformattedDate = $.datepicker.formatDate('dd-mm-yy', tempDate);
    $("#showDate").html(newformattedDate);
});

在函数内使用Jquery更改日期

2 个答案: