Хобрук: Ваш путь к мастерству в программировании

Отключить прошлые даты с помощью DatePicker от «Стефан Петре»

Из-за некоторых ограничений я должен использовать DatePicker, написанный Стефаном Петре, и мне нужно иметь возможность отключать прошлые даты, вы можете найти реализацию его DatePicker здесь: http://www.eyecon.ro/datepicker/

По его словам, я мог бы отключить функцию даты onRender, но, по-видимому, это отключило бы все даты:

var date = new Date();
date.setDate(-1);
onRender : function(){
           return{
                disabled : date < new Date()
           };
        }

Работали ли вы ранее с этой пользовательской библиотекой DatePicker? если да, то ваш совет очень ценен.


Ответы:


1

Я столкнулся с этой проблемой только сейчас, кажется, startDate или minDate не работают для этого конкретного средства выбора даты.

Для средств выбора даты jQuery UI вы можете использовать " minDate: 0 ", чтобы отключить все прошлые даты.

Для разветвленной версии средства выбора даты Стефана Петре вы можете использовать " startDate: 0 ", чтобы отключить все прошлые даты.

Но что касается этого, оригинального средства выбора даты Стефана Петре, в которое он, похоже, не вносит активного вклада в данный момент, вы можете использовать функцию onRender, например:

$('.datepicker').datepicker({ //this applies to all elements with the class "datepicker"
    onRender: function (date) {
        return date.valueOf() < now.valueOf() ? 'disabled' : ''; //disables all past dates
    },
    format: "yyyy/mm/dd", //sets format of the date displayed after selecting date
}).on('changeDate', function (ev) {
    $('.datepicker.dropdown-menu').hide(); //closes the datepicker after selecting date
});
26.09.2016

2

Вместо OnRender вы можете использовать следующий код:

$(document).ready(function(){
        var now=new Date();
        $('#date').DatePicker({
        flat: true,
        date: '2008-07-31',
        current: '2008-07-31',
        calendars: 1,
        startDate: now,
        starts: 1
    });
});        
23.09.2014
Новые материалы

Прогресс в технологии Трансформеров часть 3
Многомасштабный управляющий сигнальный преобразователь для бесфазного синтеза движения (arXiv) Автор: Линтао Ван , Кун Ху , Лей Бай , Юй Дин , Ваньли Оуян , Чжиюн Ван . Аннотация:..

Представляем поддержку компонентов Vue.js. Мгновенный HMR и многое другое.
Хотя у FuseBox уже был плагин Vue, он был базовым и не имел многих функций, которые делали работу с Vue.js такой приятной. Однако с этим выпуском мы рады сообщить, что в FuseBox..

Приключения в Javascript, часть 1
Я продолжаю думать о том, чтобы писать больше, но чем больше я думаю об этом, тем меньше я это делаю. Итак, сегодня я перестал думать и начал писать. Отсюда можно только спускаться… В..

Понимание дженериков в TypeScript: подробное руководство
Введение TypeScript, строго типизированный надмножество JavaScript, хорошо известен своей способностью улучшать масштабируемость, удобочитаемость и ремонтопригодность приложений. Одной из..

Учебные заметки JavaScript Object Oriented Labs
Вот моя седьмая неделя обучения программированию. После ruby ​​и его фреймворка rails я начал изучать самый популярный язык интерфейса — javascript. В отличие от ruby, javascript — это более..

Разбор строк запроса в vue.js
Иногда вам нужно получить данные из строк запроса, в этой статье показано, как это сделать. В жизни каждого дизайнера/разработчика наступает момент, когда им необходимо беспрепятственно..

Предсказание моей следующей любимой книги 📚 Благодаря данным Goodreads и машинному обучению 👨‍💻
«Если вы не любите читать, значит, вы не нашли нужную книгу». - J.K. Роулинг Эта статья сильно отличается от тех, к которым вы, возможно, привыкли . Мне очень понравилось поработать над..