天天看点

DNN交互设计-日期选择控件(六)

DNN交互设计-日期选择控件(六)

界面模式及使用:

DNN的DatePicker在6.0中是基于Telerik RadCalendar 控件实现的,使用的默认的default主题。如果你想定制化日期选择器的外观以符合你站点的风格,那么你可以访问该页面获取更多的信息。

当然你也可以访问另外一个Telerik页面以获取更多的关于Telerik的Skin的选项以及如何对Skin进行定制化的知识。

HTML

<div class="dnnForm" id="form-demo">
    <fieldset>
        <div class="dnnFormItem">
            <asp:Label runat="server" CssClass="dnnFormLabel" AssociatedControlID="StartDatePicker" Text="Pick a date" />
            <dnn:DnnDatePicker runat="server" CssClass="dnnFormInput" ID="StartDatePicker" />
        </div>
    </fieldset>
</div>
           

题外话:

DNN6之前DNN提供的日期选择器都是用弹出一个小窗口的方式,这种方式在DNN官方社区中已经被吐槽了N次。其实既然DNN6、7中内置了jQuery Core,jQuery UI,那么为什么不直接使用jQuery DatePicker呢?多一个选择总归是好的,这样至少还有得选。 :)