如何在semnatic-UI-Calendar中转换日期格式？

Question

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

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

默认情况下，当我选择日期时，会按以下格式输入：＆＃39; 2016年10月12日＆＃39;

我希望以下列格式输入所选日期＆＃39; 2016-10-12＆＃39;

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

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

                     })
  ;
    </script>

有谁知道如何以＆＃39; yyyy-mm-dd＆＃39;？

的格式获取日期？

Answer 1

您可以将onChange事件用于日历，而不是从文本字段中读取值 - 这将为您提供一个JavaScript Date对象，您可以自行格式化。

$(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);
        }
    });
});