wijmo日期选择器在文本框中使用

Question

我需要在文本框中使用wijmo日期选择器的示例。我在使用wijmo日期选择器时遇到了麻烦。当我在div中使用但不在文本框中时它正在工作

这是我的代码：

<%:  Html.TextBox("sample")%>

$(document).ready(function () {
    $("#sample").wijcalendar({ 
        easing: 'easeInQuad' 
    });
});

Answer 1

您仍需要日历本身的div，但随后将日历显示选项附加到输入。

<%: Html.TextBox("sample")%>    
<div id="calendar"></div>
$("#calendar").wijcalendar({
    popupMode: true,
    selectedDatesChanged: function () {
        var selDate = $(this).wijcalendar("getSelectedDate");
        if (!!selDate) $("#sample").val(selDate.toDateString());
    }
});

$("#sample").click(function () {
        $("#calendar").wijcalendar("popup", {
            of: $("#sample"),
            offset: '0 2'
        });
    })
});