javascript - 如何将 JQuery 日期选择器的格式更改为 MM/DD/YYYY

标签 javascript jquery jquery-ui-datepicker

基于此link

如果我想更改日期格式,我会去这里

defaults: {
    formatDate: function(date) {
        var formatted = $.datePicker.utils.pad(date.getDate(), 2) + '/' + $.datePicker.utils.pad(date.getMonth() + 1, 2) + '/' + date.getFullYear();
        return formatted;
    },
    parseDate: function(string) {
        var date = new Date();
        var parts = string.match(/(\d{1,2})\/(\d{1,2})\/(\d{4})/);
        if ( parts && parts.length == 4 ) {
            date = new Date( parts[3], parts[2] - 1, parts[1] );
        }
        return date;
    },
    selectDate: function(date) {
        return true;
    },
    limitCenturies: true,
    closeOnPick: true,
    appendTo: null
},

如何将其设置为 MM/DD/YYYY?我尝试了所有更改它的方法,但是当我选择日期时,该值会出现在不同的日期

这是错误

enter image description here

最佳答案

根据documentation ,这应该有效:

    defaults: {
        formatDate: function(date) {
    //var formatted = $.datePicker.utils.pad(date.getDate(), 2) + '/' + $.datePicker.utils.pad(date.getMonth() + 1, 2) + '/' +  date.getFullYear();
            var formatted = $.datePicker.utils.pad(date.getMonth() + 1, 2) + '/' + $.datePicker.utils.pad(date.getDate(), 2) + '/' + date.getFullYear();

            return formatted;
        },
        parseDate: function(string) {
            var date = new Date();

            if ( string ) {
                formatted_date = string.split('/');
                date = new Date( formatted_date[2], formatted_date[0] - 1, formatted_date[1] );
            }

            return date;
        },
        selectDate: function(date) {
            return true;
        },
        limitCenturies: true,
        closeOnPick: true,
        appendTo: null
    }

查看实际效果:Demo .

关于javascript - 如何将 JQuery 日期选择器的格式更改为 MM/DD/YYYY,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49030226/

相关文章:

javascript - 如何删除 tumblr 控件/按钮/iframe?

javascript - 我如何找到突出显示的字符串出现了多少次,以及它出现在哪一次?

javascript - 将多个输入的值传递给其他输入

ajax - JQuery datePicker 不适用于动态创建的输入元素

jquery - 更改日期选择器插件中下一个和上一个按钮的位置

javascript - 如何在 node.js 应用程序中从计算机的麦克风和摄像头获取数据?

javascript - 如何将自定义属性添加到 javascript 字符串对象

javascript - 如何查看选择的日期是不是这个月

javascript - 在 Javascript 中模拟 map /集合

jquery - Bootstrap 日期时间选择器样式未正确应用