2014-10-07 4 views
-1

Мне недавно удалось получить виджет JQuery Datepicker, интегрированный в веб-сайт, который я создаю для клиента.Запрос формата даты JQuery DatePicker

Теперь то, что мне нужно сделать, чтобы закончить эту конкретную задачу ОТКЛ изменить формат даты ДД-ММ-уу на дд-мм-YY

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

Основываясь на вышесказанном информации и кода В настоящее время я использую, как показано ниже, как бы я этого достичь?

$(document).ready(function() { 
$(function() { 
$("#datepicker").datepicker(); 
}); 
}); 


<input class="w-input input hasDatepicker" id="datepicker" type="text" placeholder="Expected Moving Date" name="datepicker" data-name="datepicker" required="required"> 

спасибо

+0

_ «как бы я этого достиг?» _ Ум, воспользуйтесь опцией, которую вы связали с? – j08691

+0

Вы также можете изменить его «региональные» настройки в файле jquery-ui 'DateFormat:« mm/dd/yy »' – markpsmith

+0

На самом деле, мне нужно задать еще один вопрос. Поскольку мой сайт использует несколько форм, и у меня есть это конкретное поле ввода, используемое для каждой из форм, что я делаю в этом случае? так как я не могу использовать один и тот же идентификатор 'datepicker' для каждого из других полей ввода. Можно ли что-то сделать; $ ("#datepicker", "# datepicker2", "# datepicker3") .datepicker и т. д .... это возможно (им не программист кстати) ??? – slider17

ответ

0

Вы используете JQuery готовые 2 раза. Ваш код должен быть, как этот

$(document).ready(function() { 
    $("#datepicker").datepicker({ 
     dateFormat: "dd-mm-yy" 
    }); 
}); 

Полный пример с форматом изменил дату на «дд-мм-гггг» http://jsfiddle.net/63wrvtxn/1/

Если вы хотите добавить DatePicker к многократному поле ввода вы можете добавить класс Datepicker istead из id http://jsfiddle.net/63wrvtxn/3/

$(document).ready(function() { 
    $(".datepicker").datepicker({ 
     dateFormat: "dd-mm-yy" 
    }); 
}); 
+0

Можете ли вы объяснить, почему вы голосуете? :) –

+0

@jurgemaister Если вы посмотрите на его код, он называет его дважды $ (document) .ready (function() { $ (function() {. $ (Function() {...}); jQuery short -hand для $ (document) .ready (function() {...});. Итак, вы ошибаетесь :) Узнайте больше об этом здесь http://api.jquery.com/ready/ –

+0

Вы правы, я Я ошибаюсь. http://api.jquery.com/ready/ – jurgemaister

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