asp.net-mvc-2 - 在文本框中使用 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'
        });
    })
});