1

我正在使用 jQuery Datepicker 在我的网页中获取日期。我想要类似的功能,如下图所示。

单击此处查看类似功能

 <title>Sample Datepicker</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#datepicker").datepicker({
                showButtonPanel: true,
                changeMonth: false,
                changeYear: false,
                showAnim: "blind"
            });
        });
    </script>
    <style type="text/css">
        body {
            font-family: Verdana, Arial, sans-serif;
            font-size: 12px;
        }

        .ui-datepicker-week-end a {
            color: red !important;
        }

        .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
            float: left;
            margin-left: 35%;
        }

        #ui-datepicker-div button.ui-datepicker-close {
            display: none;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input type="text" id="datepicker">
        </div>
    </form>
</body>

我想要使​​用 jQuery Datepicker 的类似功能,如上图所示。如图所示,通过单击月份选择器,它会打开新的弹出窗口,您可以选择年份选项形式。怎么可能?

4

1 回答 1

0

不,这是不可能的。你能做的最好的就是changeYear: true你已经做过的。

在此处输入图像描述

但是,如果您使用的是引导程序,它的插件正在 Github 中积极维护,具有相同的功能。

链接:https ://github.com/eternicode/bootstrap-datepicker

于 2016-08-02T08:42:51.267 回答