Форум

ureech · #1 (**permalink**) 06.09.2016, 22:06

Всем привет.Использую этот скрипт для каллендаря.
Вот инициализация.

$("#date_eat").datepicker({
    dateFormat: 'yy-mm-dd',
	onSelect: function(date){
		$("#div").text(date);
$.ajax({
.........
});
              }
});

Аяксом отправляется дата (date) в формате 'yy-mm-dd', а в #div нужна дата другого формата.
Может кто знает как решить.Документацию не осилил.

Царь Леонид · #2 (**permalink**) 06.09.2016, 22:28

Сообщение от ureech

а в #div нужна дата другого формата.

Какого формата дата нужно угадывать или можно звонок другу сделать?

рони · #3 (**permalink**) 06.09.2016, 23:06

ureech,

<!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="https://code.jquery.com/ui/1.12.0/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.0/jquery-ui.js"></script>

  <script>
 $(function() {
    $("#date_eat").datepicker({
        dateFormat: "yy-mm-dd",
        onSelect: function(a) {
            $("#div").text($.datepicker.formatDate("DD, d MM, yy", $.datepicker.parseDate("yy-mm-dd", a)))
        }
    })
});
  </script>

</head>

<body>



<p>Date: <input type="text" id="date_eat"></p>
<div id="div"></div>



</body>

</html>

ureech · #4 (**permalink**) 07.09.2016, 09:48

рони,
Спасибо, большое.Как всегда выручаешь.

Царь Леонид,
Просто суть была не в самом формате, поэтому не стал уточнять.

рони · #5 (**permalink**) 07.09.2016, 10:58

ureech,
тоже самое без плясок с бубнами, если использовать для алтернативного вывода input, а не div.

<!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="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">

  <style type="text/css">
  #div{
    outline: none;
    border: none;
    width: 350px;
  }

  </style>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

  <script>
 $(function() {
    $("#date_eat").datepicker({
        dateFormat: "yy-mm-dd",
        altFormat: "'другой формат: 'DD, d MM, yy",
        altField: "#div",
        onSelect: function(a) {

        }
    })
});
  </script>

</head>

<body>



<p>Date: <input type="text" id="date_eat"></p>
<p>DateAlt: <input type="text" id="div" readonly="readonly"></p>



</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript