代码之家  ›  专栏  ›  技术社区  ›  FosterZ

jquery用户界面日期选择器中的年份选择

  •  1
  • FosterZ  · 技术社区  · 14 年前

    嘿,伙计们,我使用jquery ui datepicker作为我的表单,我的脚本如下

    <script type="text/javascript">
        $(function() {
              $("#<%=txtExpiryDate.ClientID %>").datepicker({changeYear:"true"});
        });
    </script>
    

    但这只显示上一个/下一个按钮的月份选择,但我也希望选择年份,所以我使用 .datepicker(changeYear:"true") 但这给出了一个组合框,我想要上一个/下一个按钮,就像“月”有……哪里需要做什么调整?

    3 回复  |  直到 7 年前
        1
  •  5
  •   Eric    14 年前

    这会导致语法错误。也, true 应作为布尔文本而不是字符串传递。找这个?

    $(function() {
        $("#").datepicker({changeYear: true});
    });
    

    编辑

    这是你想要的吗?

    $("#calendar").datepicker({
        numberOfMonths: [3, 4],
        stepMonths: 12
    });​
    
        2
  •  0
  •   Victor    10 年前

    我知道这是一篇老文章,但我遇到了这个问题,所以我决定在任何人需要的时候给出答案。

    $('.year-picker').datepicker({
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'yy',
        stepMonths: 12,
        beforeShow: function() {
            $("#ui-datepicker-div").addClass("year-picker");
        },
        onClose: function(dateText, inst) {
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, 0, 1));
        }
    });
    

    CSS:

    .year-picker .ui-datepicker-calendar,.year-picker .ui-datepicker-month{
         display: none;
    }
    
        3
  •  0
  •   Frost_Mourne    7 年前

    这里试试这个

      <script src="js/jsDatepicker/bootstrap.js"></script>
        <%--<script src="js/jsDatepicker/jquery-1.10.2.js"></script>--%>
        <link href="js/jsDatepicker/jquery-ui.css" rel="stylesheet" />
        <script src="js/jsDatepicker/jquery-ui.js"></script>
        <script type="text/javascript">
            $(function () {
    
                $("[id$=txtFrom]").datepicker({
                    changeMonth: true,
                    changeYear: true,
                    yearRange: "1990:2100"
                });  });
        </script>