0

How to make 2005 be selected as default year in the select box.

$(function () {
    var field = $('#calendar')[0];
    

    var pika = new Pikaday({
        field: field,
        yearRange: [1968, 2005],
        onSelect: function () {
            console.log('selected');
        },
        onOpen: function () {
            console.log('open');
        },

        onClose: function () {
            console.log('closed');
        }
    });

});
<link href="https://rawgit.com/dbushell/Pikaday/master/css/pikaday.css" rel="stylesheet"/>
<script src="https://rawgit.com/dbushell/Pikaday/master/pikaday.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>2018 year is selcted even though year range is [1968, 2005]</h1>
<input id="calendar" type="text" value=""></input>

4

2 に答える 2

2

スニペットに示されているように、defaultDate を使用します。defaultDate は、カレンダーを指定された日付に設定します。setDefaultDate は、指定された日付を選択して強調表示します。

$(function () {
    var field = $('#calendar')[0];
    var date = new Date(2005,0,1);

    var pika = new Pikaday({
        field: field,
        defaultDate:date,
        setDefaultDate: date,
        yearRange: [1968, 2005],
        onSelect: function () {
            console.log('selected');
        },
        onOpen: function () {
            console.log('open');
        },

        onClose: function () {
            console.log('closed');
        }
    });

});
<link href="https://rawgit.com/dbushell/Pikaday/master/css/pikaday.css" rel="stylesheet"/>
<script src="https://rawgit.com/dbushell/Pikaday/master/pikaday.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>2018 year is selcted even though year range is [1968, 2005]</h1>
<input id="calendar" type="text" value=""></input>

于 2018-06-27T10:35:05.717 に答える