Javascript 在文本区域内按下某个键时,创建jquery ui日期选择器
我希望创建一个交互式textarea,当用户在textarea中键入时,如果他键入字符“$”,就会创建一个日期选择器,他可以从中选择一个日期,该日期随后将包含在textarea中 这里有一个JSFIDLE可以玩,但我似乎无法让它工作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 ) {
感谢您的帮助。这是我写的一个简单的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');
})