Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在文本区域内按下某个键时,创建jquery ui日期选择器_Javascript_Jquery_Jquery Ui_Datepicker - Fatal编程技术网

Javascript 在文本区域内按下某个键时,创建jquery ui日期选择器

Javascript 在文本区域内按下某个键时,创建jquery ui日期选择器,javascript,jquery,jquery-ui,datepicker,Javascript,Jquery,Jquery Ui,Datepicker,我希望创建一个交互式textarea,当用户在textarea中键入时,如果他键入字符“$”,就会创建一个日期选择器,他可以从中选择一个日期,该日期随后将包含在textarea中 这里有一个JSFIDLE可以玩,但我似乎无法让它工作 感谢您的帮助。这是我写的一个简单的exmaple: $('#status_input').keyup(function(){ txt = $(this); if( txt.val().indexOf('$') >= 0 ) {

我希望创建一个交互式textarea,当用户在textarea中键入时,如果他键入字符“$”,就会创建一个日期选择器,他可以从中选择一个日期,该日期随后将包含在textarea中

这里有一个JSFIDLE可以玩,但我似乎无法让它工作


感谢您的帮助。

这是我写的一个简单的exmaple:

$('#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();
    }
});
is的基本功能是:
onkeyup
检查文本区域中是否有
$
字符,如果有,则显示日期选择器。当您选择一个日期时,用所选日期替换
$
字符

希望这对你有帮助

使用,您可以轻松做到:

html


天才!我从来没有想到过。谢谢特内夫!似乎不起作用。你能让它在JSFIDLE中工作吗?
<textarea id="status_input"></textarea>
$('#status_input').bind('keydown', '$', function(e){
   // dollar sign pressed
   // load datepicker
   $('#status_input').datepicker('show');
})