jQuery UI datepicker - Попытка зафиксировать событие щелчка с даты щелчка

Мы используем jquery UI 1.8.23 на моем рабочем 9X_jquery-callback месте.

Как я могу зафиксировать дату щелчка 9X_jquery в datepicker, чтобы я мог отформатировать 9X_jquery-post текущую дату в метку даты и передать это 9X_datepicker-ui значение в скрытое поле формы?

Вот код, который 9X_removeclass я пытался заставить работать:

$('.ui-state-default').live('click', function(){ console.log('date clicked'); var currentdate = $(this).text(); var d = currentdate; var m = monthFormat($('.ui-datepicker-month').text()); var y = $('.ui-datepicker-year').text(); $('a.ui-state-default').removeClass('ui-state-highlight'); $(this).addClass('ui-state-highlight'); if (currentdate.length < 2) { d = "0" + currentdate; } var datestamp = y + "-" + m + "-" + d; console.log(datestamp); $('#dateHidden').val(datestamp); }); 

Спасибо, что 9X_addclass посмотрели мой код. Я ценю любую помощь, которую 9X_toggleclass вы можете предложить.

10
1

  • Почему вы не используете событие onSelect ...
3
Общее количество ответов: 3

Ответ #1

Ответ на вопрос: jQuery UI datepicker - Попытка зафиксировать событие щелчка с даты щелчка

Для форматирования даты ничего делать не 9X_jquery-filter нужно. Виджет DatePicker сделает это за вас. Просто 9X_jquery-callback используйте свойства altField и altFormat:

$("#myDatePicker").datepicker({ // The hidden field to receive the date altField: "#dateHidden", // The format you want altFormat: "yy-mm-dd", // The format the user actually sees dateFormat: "dd/mm/yy", onSelect: function (date) { // Your CSS changes, just in case you still need them $('a.ui-state-default').removeClass('ui-state-highlight'); $(this).addClass('ui-state-highlight'); } }); 

Документация:

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

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

Демонстрация:

http://jsfiddle.net/sFBn2/10/

21
2

  • Делает это автоматически. Вот для чего существует `altField`.<p><sp ...

Ответ #2

Ответ на вопрос: jQuery UI datepicker - Попытка зафиксировать событие щелчка с даты щелчка

$('#calendar').datepicker({ inline: true, firstDay: 1, changeMonth: false, changeYear: true, showOtherMonths: true, showMonthAfterYear: false, yearRange: "2015:2025", dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], dateFormat: "yy-mm-dd", onSelect: function (date) { alert(date); } }); 
9X_jquery-after
2
0

Ответ #3

Ответ на вопрос: jQuery UI datepicker - Попытка зафиксировать событие щелчка с даты щелчка

jQuery Datepicker дает возможность форматирования даты. Так почему бы 9X_jquery-after тебе не воспользоваться этим?

$('element').datepicker({ dateFormat: 'dd-mm-yy' }); 

Также вам не 9X_toggleclass нужен отдельный метод для захвата события 9X_jquery щелчка. Вы используете метод по умолчанию 9X_addclass onSelect

$('input').datepicker({ dateFormat: 'yy-mm-dd', onSelect: function (date) { //defined your own method here alert(date); } }) 

Отметьте это JSFiddle

1
0