Добавить диапазон дат при нажатии кнопки с помощью средства выбора даты

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

Вот что у меня есть до сих пор.

http://jsfiddle.net/dan_vitch/zEper/


jquery jquery-ui-datepicker
person dan_vitch    schedule 01.12.2011    source источник
comment
Итак, вы хотите, чтобы дата, введенная в текстовое поле один, попала во второе текстовое поле?   -  person dnatoli    schedule 01.12.2011
comment
Это зависит. Он должен войти в текстовое поле соответствующей кнопки.   -  person dan_vitch    schedule 01.12.2011
comment
Ну да, кнопки тебе не нужны. Я обновлю свой ответ соответственно.   -  person dnatoli    schedule 01.12.2011

Ответы (1)


arrow_upward
2
arrow_downward

Вам нужно загрузить пользовательский интерфейс jQuery с помощью этого jsfiddle. Попробуйте следующее:

<div>
    <label>Start</label>
    <input type="text" class="datepicker"/>
</div>

<div>
    <label>End</label>
    <input type="text" class="datepicker"/>
</div>

И ваш JS:

$(".datepicker").datepicker({
    showOn: "button",
    buttonImage: "link to your button here",
    buttonImageOnly: true
});

Обратите внимание: вам не нужно добавлять кнопку, средство выбора даты сделает это за вас — вам нужно будет добавить ссылку на изображение кнопки. Если вам это не нравится, вы можете просто удалить ссылку на bottonImage.

Все это было взято из документации пользовательского интерфейса jQuery datepicker здесь

EDIT: Исправлены закрывающие теги для html-элементов, исправлено в jsfiddle здесь

person Simon    schedule 01.12.2011
comment
обновленная база по вашему предложению, но все еще не работает jsfiddle.net/dan_vitch/zEper/3 - person dan_vitch; 01.12.2011
comment
+1 за использование кнопок, как он просил, мне следует лучше прочитать вопрос! - person dnatoli; 01.12.2011
comment
Возможно, вы захотите исправить закрывающие теги в вашем примере. - person dnatoli; 01.12.2011