Установите minDate на текущую дату в DateRangePicker

Я использую DateRangePicker для дат. Я пытался отключить прошлые даты, установив минимальную дату на текущую дату, как показано ниже. Это ничего не делает.

$('.daterange-single').daterangepicker({ 
        singleDatePicker: true,
        minDate: today
    });

но он работает нормально, когда вы указываете фактическую дату, как показано ниже.

$('.daterange-single').daterangepicker({ 
        singleDatePicker: true,
        minDate: "7/11/2019"
    });

Пожалуйста, помогите мне, как установить minDate на текущую дату в DateRangePicker

dotnetqueries.com/Article/105/…

— 11.07.2019 12:10

где определена переменная «сегодня»? вы можете использовать jquery-ui ИЛИ взглянуть на moment.js.... в противном случае vanilla JS

— 11.07.2019 12:14

javascript jquery momentjs daterangepicker bootstrap-daterangepicker

11.07.2019 12:04

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

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

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

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

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

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

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

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

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

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

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

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

3 218

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

Ответы 3

установить значение today на текущую дату с момента moment()

var today = moment()

или просто к объекту даты

var today = new Date()

$('#datetimepicker').datetimepicker({
  minDate: moment()
});

<link href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel = "stylesheet" />
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<link href = "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.3/css/bootstrap-datetimepicker.min.css" rel = "stylesheet" />
<script src = "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.3/js/bootstrap-datetimepicker.min.js"></script>
<input type = "text" id = "datetimepicker">

11.07.2019 12:09

вы можете попробовать установить переменную, содержащую сегодняшнюю дату, и использовать ее как minDate

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //As January is 0.
var yyyy = today.getFullYear();
var todayDateString = dd+"/"+mm+"/"+yyyy;

$('.daterange-single').daterangepicker({ 
    singleDatePicker: true,
    minDate: todayDateString
});

11.07.2019 12:15

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

Вы можете установить minDate на текущую дату в daterangepicker. Вы можете попробовать следующий код:

$(function() {
  $('input[name = "birthday"]').daterangepicker({
    singleDatePicker: true,
    showDropdowns: true,
    minYear: 1901,
    minDate: new Date(),
    maxYear: parseInt(moment().format('YYYY'),10)
  });
});

<script type = "text/javascript" src = "https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type = "text/javascript" src = "https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type = "text/javascript" src = "https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel = "stylesheet" type = "text/css" href = "https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

<input type = "text" name = "birthday" />

Когда я запускаю ваш фрагмент кода выше, почему maxDate автоматически заполняет входной тег?

— 30.08.2020 08:12

11.07.2019 12:17