2017-01-07 1 views
0

У меня есть несколько полей ввода на моей странице с классом DP. Каждый из них имеет прикрепленный виджет даты. в каждом из моих входов у меня есть атрибут данных с датой: ie data-dformat = «2017-05-25» Что бы я хотел сделать, это установить дату по умолчанию для данных по каждому экземпляру Datepicker, мой код выглядит как это:JQ Datepicker - Установить дату по умолчанию из Атрибут идентификатора данных

$('.DP').datepicker({ 
    beforeShow: function(){ 
     td = $(this).attr("data-dformat") ; 
     },  
    showOn: "button", 
    buttonText: "Date", 
    dateFormat: "yy-mm-dd", 
    setDate: td  
    }); 

мои входы на моей странице:

<input id="startdate" class="DP AutoCheck hasDatepicker" data-dformat="2017-05-25" > 

Я знаю, что тд содержит дату, я хочу, но я не могу установить дату по умолчанию, используя эту переменную. Может кто-нибудь предложить некоторые советы, пожалуйста? Надеюсь, что это имеет смысл. благодаря

+0

Можете ли вы представить, что DatePicker библиотека ваш используете? – stldoug

+0

Вы пытались явно установить td как 'new Date()' другое дело ... что произойдет, если вы 'console.log (td)' ... не должны оцениваться с помощью '$ (this). данные («dformat»); Последний вариант был бы, возьмите инициализацию 'td' вне создания' datepicker'. Просто поставьте его перед кодом 'datepicker'. –

ответ

1

JQuery DatePicker автоматически установит дату к значению на входе, но если вам нужно сделать это, как вы просите, вы можете сделать это следующим образом:

$('.DP').datepicker({ 
    beforeShow: function(elem) { 
     $(elem).val($(elem).attr("data-dformat")); 
    }, 
    showOn: "both", 
    buttonText: "Date", 
    dateFormat: "yy-mm-dd" 
}); 

HTML

<input type="text" id="startdate" class="DP" data-dformat="2017-05-25" value=""> 

Работает CodePen.

EDIT: Вот еще один пример, использующий метод SETDATE CodePen

+0

Спасибо, что сделал! ура – Mick

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

  • Нет связанных вопросов^_^