Как форматировать дату datepicker JQuery?

Я хочу, чтобы мой datepicker выбирал дату в таком формате: dd/mm/yyyy Это мой текущий код.Как форматировать дату datepicker JQuery?

$(function() { 
    var dateString = "10/06/1993"; // dd/mm/yyyy 
    var date = new Date(dateString); 
    $('.input-datepicker').datepicker('setDate', date); 
    $('.input-datepicker') 
     .datepicker({format:'dd/mm/yyyy'}) 
     .on('changeDate', function(e) { 
       $(this).datepicker('hide'); 
      } 
    ); 
});

Теперь, если я нажимаю на вход, datepicker выбирается в 6 октября вместо 10 июня.

И когда я предупреждаю (дата), он показывает это сообщение «Wed Oct 06 1993 00:00:00 GMT ...».

Как я могу выбрать дату в формате dd/mm/yyyy?

Или можно создать новую дату с форматом? (С новой датой (DateString) имеет формат, как дд/мм/гггг)

источник

2015-07-03 jap

Похоже, что ваш код правильный (по крайней мере, это то же, что и для формата). Однако, когда вы предупреждаете (дата), вы предупреждаете о своей новой дате (dateString). Если вы должны были предупредить $ ('. Input-datepicker'). Val(), вы должны получить правильно отформатированную дату. –

@PatDobson I alert ($ ('. Input-datepicker'). Val()), а также «10/01/1993», когда я выбираю 1 oct вместо «01/10/1993». – jap

Попробуйте использовать 'dateString в этой строке:' $ ('. Input-datepicker'). Datepicker ('setDate', date); ' т. е. вместо исходного объекта даты вставить исходный текст. –

Вы можете установить его с помощью UTC как:

var date = new Date(Date.UTC(1993,05,10)); 
$('.input-datepicker').datepicker('setDate', date);

Также следует обратить внимание на месяц, чтобы получить июнь его не 6, а 5, месяц начинается с 0!

источник

2015-07-03 08:27:42 Mivaweb

вы используете эту var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val(); или больше информации здесь:

http://api.jqueryui.com/datepicker/#option-dateFormat

http://api.jqueryui.com/datepicker/#utility-formatDate

источник

2015-07-03 08:27:45 Hamelraj

Там есть недостающая часть вашего кода. Свойство DateFormat & НЕ только формат:

Здесь вы идете, попробуйте следующее:

$(function() { 
    var dateString = "10/06/1993"; // dd/mm/yyyy 
    var date = new Date(dateString); 
    $('.input-datepicker').datepicker('setDate', date); 
    $('.input-datepicker') 
     .datepicker({dateFormat:'dd/mm/yy'}) 
     .on('changeDate', function(e) { 
       $(this).datepicker('hide'); 
      } 
    ); 
});

скрипку Ссылка: DEMO

источник

2015-07-03 08:46:37

$(".input-datepicker").datepicker({ 
    dateFormat: "dd/mm/yy" 
});

скрипку Demo: https://jsfiddle.net/geogeorge/2tqxjd2p/2/

источник

2017-03-08 09:48:41

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="author" content="tejaseethal, [email protected]"> 
    <title>jQuery UI Datepicker</title> 
    <link rel="stylesheet" href="https://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({ dateFormat: 'dd-mm-yy' }); 
    }); 
    </script> 
</head> 
<body> 
    <p>Date: <input type="text" value="<?php echo date("d-m-Y"); ?>" id="datepicker"></p> 
</body> 
</html>

источник

2017-10-23 08:49:04 Tejaseethal

Как форматировать дату datepicker JQuery?

ответ

Смежные вопросы