javascript onclick事件调取一个在document.ready里的function

Question

<p><input type="text" onclick="abc(this)"></p>
function abc(){
    ttt()
}

$(document).ready(function(){

function ttt(){
    $(this).datetimepicker({
    language: 'zh-CN', //中文
    minView: "month", //到月
    autoclose:true, //选择日期后自动关闭 
    format: 'yyyy-mm-dd'
});
}
});

要实现的功能是点击input调取ttt()

请问各位怎么样能实现呢?

Answer 1

<p><input id="txtDatebox" type="text"></p>


$(document).ready(function(){
    $('#txtDatebox').on("focus",function(){
            $(this).datetimepicker({
            language: 'zh-CN', //中文
            minView: "month", //到月
            autoclose:true, //选择日期后自动关闭 
            format: 'yyyy-mm-dd'
        });
    })
});

Answer 2

作用域不同啊,abc怎么调用得到ttt,试着把ttt换成全局的写法,算改变代码结构吗？
$(document).ready(function(){

ttt=function (){//改变一下声明方式

$(this).datetimepicker({
language: 'zh-CN', //中文
minView: "month", //到月
autoclose:true, //选择日期后自动关闭 
format: 'yyyy-mm-dd'

});
}
});

Answer 3

作用域不同，在 $(document).ready() 外部是不能取到 ttt() 方法的，除非把你的 abc() 方法也定义到 $(document).ready() 中。如下代码所示：

$(document).ready(function() {

    window.abc = function() {
        ttt();
    }

    function ttt() {
        $(this).datetimepicker({
            language: 'zh-CN', //中文
            minView: "month", //到月
            autoclose: true, //选择日期后自动关闭 
            format: 'yyyy-mm-dd'
        });
    }
    
});