我怎么能用我的jQuery datepicker脚本添加日期格式dd-mm-yy?

时间:2013-10-13 21:50:24

标签: javascript jquery datepicker

我尝试添加dateFormat: "dd-mm-yy", 但其余的功能只是不起作用。 然后我尝试全局更改格式

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

但它也没有用。 我使用的是jquery-1.9.1和jquery-ui-1.10.3。

$(document).ready(function formUi() {
    var dateToday = new Date();
    $("#datepicker-round-trip-1").datepicker({
        numberOfMonths: 2,
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        inline: true,
        maxDate: new Date(new Date($('datepicker-round-trip-2').val()).valueOf()),
        beforeShow: function () {
            if ($("#datepicker-round-trip-1").val() == "" && $("#datepicker-round-trip-2").val() == "") {
                $("#datepicker-round-trip-1").datepicker('option', { minDate: dateToday, maxDate: null });
            }
            else {
              $("#datepicker-round-trip-1").datepicker('option', { minDate: dateToday });
            }
        },
        onSelect: function (dateText, inst) {
            var currentDate = new Date(dateText);
            var valueofcurrentDate = currentDate.valueOf();
            var newDate = new Date(valueofcurrentDate);
            $("#datepicker-round-trip-2").datepicker("option", "minDate", newDate);
        }
    });

    $("#datepicker-round-trip-2").datepicker({
        numberOfMonths: 2,
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        inline: true,
        minDate: new Date(new Date($('#datepicker-round-trip-2').val()).valueOf()),
        beforeShow: function () {
            if ($("#datepicker-round-trip-1").val() == "" && $("#datepicker-round-trip-2").val() == "") {
                $("#datepicker-round-trip-2").datepicker('option', { minDate: dateToday, maxDate: null });
            }
        },
        onSelect: function (dateText, inst) {
            var currentDate = new Date(dateText);
            var valueofcurrentDate = currentDate.valueOf();
            var newDate = new Date(valueofcurrentDate);
            $("datepicker-round-trip-1").datepicker("option", "maxDate", newDate);
        }
    });
});

该脚本只是将datepicker的minDate设置为上一个日期选择器中选择的最后一个日期。任何帮助或指导表示赞赏:)

1 个答案:

答案 0 :(得分:0)

试试这个:http://jsfiddle.net/MXstJ/ http://jsfiddle.net/gc4nM/

有用的链接:http://jqueryui.com/datepicker/

希望这符合您的事业:)

<强>代码

$('#z').datepicker({
    inline: true,
    altField: '#d',
    dateFormat: 'dd-mm-yy',
    defaultDate: new Date()
});