如何转换语义-UI-日历中的日期格式？

Question

我正在开发一个 Web 应用程序，我将此模块用作日期选择器日历：

https://github.com/mdehoog/Semantic-UI-Calendar

默认设置，当我select一个日期时，它是按以下格式输入的：'October 12, 2016'

我希望按以下格式输入 selected 日期 '2016-10-12'

参考其 API，我使用以下 javascript 代码：

    <script>
             $(document)
    .ready(function() {
    $('.date_selecter').calendar({
  type: 'date'
});

                     })
  ;
    </script>

有谁知道如何获取 'yyyy-mm-dd' 格式的日期？

Answer 1

您可以使用日历的 onChange 事件，而不是从文本字段中读取值 - 这将为您提供一个 JavaScript 日期对象，然后您可以自行设置格式。

$(document).ready(function() {
    $('.date_selecter').calendar({
        type: 'date',
        onChange: function(date) {
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate();
            if (month < 10) {
                month = '0' + month;
            }
            if (day < 10) {
                day = '0' + day;
            }

            // everything combined
            console.log(year + '-' + month + '-' + day);
        }
    });
});

如何转换语义-UI-日历中的日期格式？

How to convert a date format in semnatic-UI-Calendar?

javascript

calendar

semantic-ui