Передача входного текста в начальную установленную дату для выбора даты - PullRequest
Новая
       0

Передача входного текста в начальную установленную дату для выбора даты

0 голосов
/ 07 июня 2018

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

Поле ввода принимает значения "ГГГГ-ММ-DD ", хотел бы, чтобы это значение передавалось используемому средству выбора даты и всплывал с датой. 

<input id="date" type="text" name="date" placeholder="YYYY-MM-DD" />

... 

$A.bind(window, 'load', function(){
    // Syntax : setCalendar( ID , TriggeringElement , TargetEditField , EnableComments , clickHandler , config )
$A.setCalendar('UniqueCalendarId', $A.getEl('dateIcon'), $A.getEl('date'), false, undefined, {
    // Allow a date that isn't today to be set as the initial date. If unset, this value is initialized to today's date
    initialDate: new Date(),
});

1 Ответ

0 голосов
/ 07 июня 2018

Если вы хотите получить текущую дату как часть процесса «выбора даты», я бы использовал HTML5: 

<input id="date" type="date">

, что можно продемонстрировать здесь: 

<form>
<input id="date" type="date">
</form>

Несмотря на то, что старые браузеры не поддерживают эту функцию, я считаю, что на данный момент она ограничена только IE.И это изящно ухудшает type = "text" в не поддерживающих браузерах, но затем дату нужно будет вводить вручную.

В качестве альтернативы, MDN предоставляет здесь несколько замечательных примеров того, как интегрировать с JS какзапасной вариант для типа ввода HTML.https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

Если вы абсолютно хотите оставаться «скриптовым», я рекомендую Пользовательский интерфейс jQuery datepicker .

Где вы могли бы выполнить такую ​​же задачу как таковую: 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>

Дайте ему шанс.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...