Создать JQuery UI DatePicker, когда определенная клавиша нажата из текстовой области

Question

Я хочу сделать интерактивную текстовую область, где, когда пользователь печатает текстовую область, если он вводит символ «$», создается средство выбора даты, из которого он может выбрать дату, которая будет включена втекстовая область потом.

Вот jsfiddle, чтобы поиграть, но я не могу заставить его работать.

http://jsfiddle.net/WAzpJ/6/

Любая помощь приветствуется, спасибо.

Answer 1

Это простой пример, который я написал:

$('#status_input').keyup(function(){
    txt = $(this);
    if( txt.val().indexOf('$') >= 0 ) {
        $('.datepick').datepicker({
            onSelect: function(theDate) {
                txt.val(txt.val().replace(/\$/, theDate));
                $(this).hide();
            }
        }).show();
    }
});

Что в основном делает: onkeyup проверяет, есть ли в текстовой области $ символов, и, если они есть, показывает дату выбора А когда вы выбираете дату - замените символ $ на выбранную дату.

надеюсь, что это поможет вам.

jsFiddle

Answer 2

Используя Плагин Jquery Hotkeys , вы легко можете сделать это:

HTML

<textarea id="status_input"></textarea>

JS

$('#status_input').bind('keydown', '$', function(e){
   // dollar sign pressed
   // load datepicker
   $('#status_input').datepicker('show');
})