Контактная форма 7: установить сегодняшнюю дату по умолчанию

Как установить сегодняшнюю дату по умолчанию с помощью контактной формы 7?

Минимальную дату можно легко установить с помощью min:today. Когда вы нажимаете кнопку выбора даты, вы можете выбрать даты, начиная с сегодняшнего дня.

Но дата по умолчанию (до выбора) - это не сегодняшняя дата. Дата отображается в формате 2016 / мм / дд или в любом другом формате даты.


wordpress contact-form-7
person jer23jk    schedule 18.06.2016    source источник

Ответы (4)


arrow_upward
5
arrow_downward

Да, я добавил скрипт

<script>
jQuery(function ($) {
   var now = new Date(); 
   var day = ("0" + now.getDate()).slice(-2);
   var month = ("0" + (now.getMonth() + 1)).slice(-2);
   var today = now.getFullYear()+"-"+(month)+"-"+(day);
  $('#datePicker').val(today);
$("#datePicker").attr("min", today);
});
</script>

И затем позвоните:

[date* your-date class:required id:datePicker]
person jer23jk    schedule 28.11.2016

arrow_upward
1
arrow_downward

Я нашел:

$(function() {
var now = new Date(); 
   var day = ("0" + now.getDate()).slice(-2);
   var month = ("0" + (now.getMonth() + 1)).slice(-2);
   var today = now.getFullYear()+"-"+(month)+"-"+(day);
  $('#datePicker').val(today);
$("#datePicker").attr("min", today);
});

Также не забудьте сначала добавить библиотеку:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Я назвал это так:

[date* check-in min:today id:datePicker]
person Abin Rimal    schedule 10.03.2018

arrow_upward
1
arrow_downward

Вы можете использовать min:today без использования функций JavaScript или Jquery, см. поле даты

[date* check-in min-date:today placeholder "Date"]
person Jonah    schedule 12.10.2018

arrow_upward
0
arrow_downward

Вы также можете использовать функции относительной даты / времени, поддерживаемые классом DateTime. Таким образом, добавление сегодняшнего дня позволяет установить его как дату по умолчанию. (Указание даты с относительными форматами дат)

[date due-date "today"]
person Amy    schedule 23.11.2020