WedX - журнал о программировании и компьютерных науках

Ограничение выбора даты, чтобы начать только с сегодняшнего дня hml

В моей системе есть средство выбора даты из Интернета, и я хочу ограничить выбор пользователей, чтобы им было разрешено выбирать только сегодняшние варды. Ниже показан мой javascript и HTML-форма, в которой хранится средство выбора даты.

Я попытался использовать minDate : '0', а также тот, который сейчас находится в функции.

Любая помощь приветствуется.

  <script>
  $(function() {
    $( "#datepicker" ).datepicker({ dateFormat: 'dd/mm/yy', minDate: +0 });
  });
  
  </script>
<div class="form-group">
	<label class="col-sm-2 control-label">Start Date:</label>
	<div class="col-sm-10">
		<input class="form-control" type="date" id="datepicker" name="start_date" required="required">
	</div>
</div>

javascript html datepicker jquery
13.04.2015

  • Очень похоже на следующую тему: stackoverflow.com/questions/14810602/ 13.04.2015
  • Вы можете попробовать, установив текущую дату как минимальную дату в средстве выбора даты. Это должно работать 13.04.2015
  • Я просмотрел другую ссылку на средство выбора даты, прежде чем опубликовать свой вопрос, но это все равно не сработало для меня. Я также использую Chrome, если это имеет значение, поскольку я знаю, что мой datepickr не работает в Firefox. 13.04.2015

Ответы:


1

Пожалуйста, попробуйте что-то вроде этого,

$('#datepicker').datepicker({
    dateFormat: 'dd/mm/yy', 
     minDate: 0 
});

демонстрация в jsfiddle

13.04.2015
  • Я вставил этот код, и он все еще не работает. Будет ли это иметь какое-либо отношение к версии datepicker, которую я использую? 13.04.2015
  • просто используя «minDate: 0». Это должно работать. Пожалуйста, проверьте jsfiddle. 13.04.2015
  • Он работает в jsfiddle, но по какой-то причине он дает мне средство выбора даты jsfiddle с другим средством выбора даты поверх него. Это очень странно ведет себя в моем коде 13.04.2015
  • Что делает мой код, так это игнорирует всю функцию выбора даты и использует стандартный указатель даты из HTML5. 13.04.2015
  • Я видел, что ты сказал. тип ввода должен быть «текст», а не «дата». Обновлен jsfiddle. 14.04.2015
  • Я попробовал обновленный jsfiddle, и он там работает, но я все еще не могу заставить его работать с моим кодом. Я попробовал это в IE11, Chrome версии 41.0.2272.118 m и Firefox 35.0. Ссылки на java-скрипты, которые у меня есть в верхней части моего документа, - ‹!-- язык: ‹link rel=stylesheet href=//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css › ‹script src=//code.jquery.com/jquery-1.10.2.js›‹/script› ‹script src=//code.jquery.com/ui/1.11.4/jquery-ui.js›‹ /script›lang-html --› 15.04.2015
  • Пожалуйста, добавьте все «http» перед «href=//code.jquery.com/ui/1.11.4/theme….». Что-то вроде этого 'href=code.jquery.com/ui/1.11.4/theme< /а>' 15.04.2015

    • 2 
    <input type="date" min="2000-01-02">

    тип ввода даты имеет атрибуты min и max для ограничения выбора даты.

    Здесь вы можете получить сегодняшнюю дату в JavaScript и установить это значение для вашего типа ввода даты. Я просто привел пример в приведенном выше фрагменте кода.

    13.04.2015
  • Не ограничится ли это одним свиданием? Если бы я закодировал сегодняшнюю дату, это сработало бы на сегодня, но если бы я зашел завтра, я мог бы выбрать сегодняшнюю дату. Мне нужно, чтобы это было более динамично, чтобы распознавать сегодняшнюю дату как дату, когда пользователь входит в систему. 13.04.2015
  • В JavaScript с var today = new Date() вы получите текущую дату. 13.04.2015

    • 3

    Попробуй это:

    var datePicker = $('#datepicker').datepicker({
    beforeShowDay: function (date) {
        return date.valueOf() >= now.valueOf(); 
    }
});
    13.04.2015
    Новые материалы
    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..
    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..
    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..
    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..
    Для любых предложений по сайту: [email protected]