在将JSON数据绑定到jquery模板之前更改日期格式

时间:2015-11-23 10:57:23

标签: jquery json templates

我将JSON对象绑定到查询模板,我需要更改日期的显示方式。

在JSON中 - 我有以下键/值“dateOfTheMonth”:“10-11-2015”,我需要做两件事。

  1. 在模板中显示日期,如“1st”,“2nd”,“3rd” - 所以只是当天并附加正确的序数指示符(“st,nd,rd,th”)

  2. 还要保留原始格式以用于数据属性

  3. 这里是JSON ......

    "data": {
        "currentMonth": "November",
        "calendar": [
            {
                "dateOfTheMonth": "1-11-2015",
                "isDateUnavailable": true,
                "isDateSoldOut": false,
            },
            {
                "dateOfTheMonth": “2-11-2015",
                "isDateUnavailable": true,
                "isDateSoldOut": false,
    
            }
        ]
    
    }
    

    我用来获取JSON数据(来自API)并将其绑定到模板

    的函数
    }
    getDays(function (data) {
    $("#template").tmpl(data.data.calendar).appendTo("#week");
    });
    

    这是模板:

    <script id="template" type="text/html">
    <div class="day-container" data-arrival-Date=“${dateOfTheMonth}">
        ${dateWithOrdinal} // so here would display 1st, 2nd etc
        </div>
    </script>
    

    感谢任何帮助。

0 个答案:

没有答案