Сделать текстовое поле и изображение вызвать DatePicker

0

В настоящее время у меня есть этот скрипт, который дает мне изображение рядом с текстовым полем. Если я нажму на изображение, то будет показано datepicker:

$("#txtDate").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "+0:+1",
    showButtonPanel: false,
    dateFormat: "dd/mm/yy",
    showOn: "button",
    buttonImage: "image.png",
    buttonImageOnly: true,
    onClose: function() {

        selectedDateTime($("#txtDate").val(), $("#ddlHourTime").val(), $("#ddlMinuteTime").val());

    }
});

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

Теги:
jquery-ui-datepicker

1 ответ

2
Лучший ответ

Ваша проблема в том, как вы устанавливаете showOn. Он установлен на "кнопку", поэтому при нажатии на кнопку открывается только датапикер. Измените его на "оба", и он откроется как в текстовом поле, так и в нажатие кнопки abe.

Вот jsfiddle

$("#txtDateBoth").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "+0:+1",
    showButtonPanel: false,
    dateFormat: "dd/mm/yy",
    showOn: "both",
    buttonImage: "image.png",
    buttonImageOnly: true,
});
  • 0
    +1 за правильный ответ.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню