jquery - 将 "st, nd, rd, th"添加到 jquery datepicker

标签 jquery jquery-ui datepicker

如何添加 st,nd,rd,th 日期格式..即 11 月 19 日或 12 月 2 日等。

目前,我有以下代码

    $( "#datepicker" ).datepicker({
        altField: "#alternate",
        altFormat: "DD, MM d ",
                    minDate: +0
    });

最佳答案

因为 formatDate() 没有该选项。

编辑: 是的,你是对的,抱歉我的回答没有帮助你,我是新手。 我希望这次能有所帮助:)

向 datepicker init 添加一个 onSelect 函数,如下所示:

$("#datepicker").datepicker({
    altField: "#alternate",
    altFormat: "DD, MM d",
    minDate: +0,
    onSelect: function(dateText, inst) {
        var suffix = "";
        switch(inst.selectedDay) {
            case '1': case '21': case '31': suffix = 'st'; break;
            case '2': case '22': suffix = 'nd'; break;
            case '3': case '23': suffix = 'rd'; break;
            default: suffix = 'th';
        }

        $("#alternate").val($("#alternate").val() + suffix);
    }
});

每次您选择日期时,它都会将后缀添加到备用字段。

关于jquery - 将 "st, nd, rd, th"添加到 jquery datepicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8199204/

相关文章:

jQuery - 在远离 .datepicker 的按键上隐藏 jQdialog

jquery - 根据索引隐藏/显示 div,无法获得正确的索引

javascript - 在新 TD 中添加元素

css - 用另一个覆盖一个 css 规则?

jQuery 用户界面 : How to change the color of a ProgressBar?

javascript - Bootstrap 日期选择器的问题

javascript - 内容溢出到 div 之外

javascript - 如何在没有内联 JavaScript 处理程序的情况下将参数从动态表传递到事件处理程序

javascript - Jquery-ui 日期选择器与 ransack

java - GWT 函数在 DatePicker 能够返回所选日期之前完成,如何延迟直到返回日期?