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

Sae*_*eid 2 jquery datepicker semantic-ui

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

<div class="calendar datepicker">
        <i class="calendar icon"></i>
        <input type="text" value="" />
</div>
Run Code Online (Sandbox Code Playgroud)

在脚本文件中:

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

我需要这样的东西:

$('.calendar input').chabge(function () {
                var newValue = $(this).val();
            });
Run Code Online (Sandbox Code Playgroud)

有谁有想法吗?

小智 6

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

$('.ui.calendar').calendar({
  onChange: function (date, text) {
     var newValue = text;
  },
});
Run Code Online (Sandbox Code Playgroud)

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