MVC4 DateTimePicker無法找到圖標時間和圖標日歷

Question

我正在通過此鏈接使用DateTime選擇器，以從用戶獲取日期和時間。 我正在使用引導程序。 這是我的代碼：

        <div id="startDateTimePicker" class="input-append date">
            Data e Hora Inícial do Gráfico
            <input id="plotStartDate" name="StartDate" data-format="dd/MM/yyyy hh:mm:ss" value="startDateTime" type="text" />
            <span class="add-on">
                <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
            </span>
        </div>

        <div id="endDateTimePicker" class="input-append date">
            Data e Hora Final do Gráfico
            <input id="plotEndDate" name="EndDate" data-format="dd/MM/yyyy hh:mm:ss" type="text" />
            <span class="add-on">
                <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
            </span>
        </div>

        <script type="text/javascript">
            $(function () {

                $('#startDateTimePicker').datetimepicker({
                    language: 'pt-BR'
                });

                $('#endDateTimePicker').datetimepicker({
                    language: 'pt-BR'
                });

                $("#endDateTimePicker").data('datetimepicker').setLocalDate(now);
                $("#startDateTimePicker").data('datetimepicker').setLocalDate(oneHourAgo);
            });
        </script>

運行時，系統不顯示圖標日期和圖標時間。 我不知道在哪里找到這些。

有人可以幫我在屏幕上顯示這些圖標嗎？

有沒有更好的選擇，這個插件來選擇日期和時間？ 我找到了僅針對日期或時間的幾種實現方式，但沒有兩種都實現。

謝謝。

Answer 1

看來您正在使用Bootstrap 2.3.2圖標 。 請按照以下步驟在您的項目上設置Bootstrap 2.3.2： http : //getbootstrap.com/2.3.2/getting-started.html

我想向您推薦3.0版的Bootstrap。 在3.0版中，圖標的用法有所變化： http : //getbootstrap.com/components/#glyphicons

版本2.3.2：

<i class="icon-date"></i>

3.0版：

<span class="glyphicon glyphicon-date"></span>

Answer 2

請查看此示例以解決您的問題。

1. 打開BundleConfig.cs並按如下所示修改樣式包“〜/ Content / themes / base / css”：

bundles.Add（new StyleBundle（“〜/ Content / themes / base / css”）。Include（“〜/ Content / themes / base / jquery-ui.css”，“〜/ Content / themes / base / jquery-ui .all.css“））;

1. 打開_layout.cs並將以下內容添加到

@ Scripts.Render（“〜/ bundles / jquery”）@ Scripts.Render（“〜/ bundles / jqueryui”）@ Styles.Render（“〜/ Content / themes / base / css”）@RenderSection（“ scripts”，必填：false）

1. 最后，要測試您的視圖，請打開index.cshtml並將其添加到最后

日期：

@section Scripts{
    @*@Scripts.Render("~/bundles/jqueryval")*@
    <script type="text/javascript">
        $(document).ready(function () {
            $(".datefield").datepicker();
        });
    </script>
}

讓我知道是否還有任何查詢。

干杯