1

jQuery Datepicker を使用して、Web ページの日付を取得しています。下の写真に示すような機能が必要です。

類似機能についてはこちら 

 <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 に答える