Home / Questions / 37086
Accepted
ger
Asked: 2020-12-02 10:44:29 +0800 CST 2020-12-02 10:44:29 +0800 CST

DatePicker 仅显示年份且无法编辑

  • 772

我在 MVC 5 Bootstrap 和 Razor 中有以下代码

       @Html.TextBox("Agno", String.Format("{0:d}", DateTime.Now.ToString("yyyy")), new { @class = "form-control", type = "date", @required = "required" })

但它只向我展示control DatePicker了我想要的只是选择年份，选择！不编辑！这可以做到吗？

在此处输入图像描述

c#

3 Answers

  1. 我有类似的问题并通过修改@readonly = false. 在您的情况下，它看起来像这样：

    @Html.TextBox("Agno", String.Format("{0:d}", DateTime.Now.ToString("yyyy")), new { @class = "form-control", type = "date", @required = "required", @readonly = false })
    • 1

  2. 我不知道你是如何声明你的datepicker，但如果你在 javascript 中这样定义：

    $("#datepicker").datepicker( {
    format: "yyyy",
    startView: "year", 
    minViewMode: "year"
});

    从一开始它只会选择并显示年份。这是文档。

    • 1
  3. Best Answer

    我认为最好这样做：

    <div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker1'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    $(function () {
        $('#datetimepicker1').datetimepicker({
            viewMode: 'years',
            format: 'YYYY'
        });
    });

    </script>
</div>

    你必须找到所有 boostrap 和 jQuery 的参考资料

    希望对你有帮助

    • 1