天天看點

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呢?多一個選擇總歸是好的,這樣至少還有得選。 :)