Question

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

Click here for similar functionality

 <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，如上图所示的类似功能。如图所示，通过点击月份选择器，它会打开新的弹出窗口，您可以选择年份选项表单。怎么可能？

Answer 1

否。它不可能。你能做的最好的就是你已经完成的changeYear: true。

但是如果你正在使用bootstrap，它有一个插件，它在Github中被主动维护，具有相同的功能。

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

我想自定义jQuery Datepicker控件，它应该在点击月份时扩展年份选择器

1 个答案: