Pikaday выбирает 2018, хотя для параметра yearRange установлено значение [1968, 2005]

Как сделать 2005 год годом по умолчанию в поле выбора.

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

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

        onClose: function () {
            console.info('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>

defaultDate - начальная дата для просмотра при первом открытии. Так написано в документации.

— 27.06.2018 12:07

javascript pikaday

27.06.2018 12:05

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

857

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Попробуйте установить на 2005 при открытии:

onOpen: function () {
    this.gotoYear(2005);
},

http://jsfiddle.net/ms97uved/

27.06.2018 12:14

Ответ принят как подходящий

Используйте 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.info('selected');
        },
        onOpen: function () {
            console.info('open');
        },

        onClose: function () {
            console.info('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>

Как мне выделить текущую дату на 2005 год? Например, сегодня 27 июня, я хочу выделить 27 июня 2005 года, когда открывается сборщик, он всегда должен выделять самую последнюю дату.

— 27.06.2018 15:20

Я обновил фрагмент для вас. Он будет выделен при использовании setDefaultDate

— 28.06.2018 08:14

27.06.2018 12:35