如何在语义ui datepicker中获取datepicker的值

时间:2017-02-15 18:47:24

标签: jquery datepicker semantic-ui

我使用semantic ui calendar,在javascript函数中选择datepicker的日期之后我需要获取新值,但是这个日历没有设置值,这是我的html:

<div class="calendar datepicker">
        <i class="calendar icon"></i>
        <input type="text" value="" />
</div>

在脚本文件中:

$('.datepicker').each(function (i, e) {
        $(e).calendar({
            formatter: {
                date: function (date, settings) {
                    return Globalize.formatDate(date, { date: 'full' });
                }
            }
        });

我需要这样的东西:

$('.calendar input').chabge(function () {
                var newValue = $(this).val();
            });

有人有任何想法吗?

1 个答案:

答案 0 :(得分:3)

要获取新的日期值,可以使用以下脚本:

$('.ui.calendar').calendar({
  onChange: function (date, text) {
     var newValue = text;
  },
});

请检查链接:jsfiddle.net/dj14/a29swpdk/