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

时间:2011-07-06 09:43:14

标签: asp.net-mvc-2 wijmo

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

这是我的代码:

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

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

1 个答案:

答案 0 :(得分:2)

您仍需要日历本身的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'
        });
    })
});