jQuery DateTimePicker不显示第一个字段获得焦点

时间:2012-02-06 14:11:54

标签: c# jquery asp.net jquery-ui

我开发了一个使用Trent Richardson的jQuery DateTimePicker的Web应用程序 (见http://trentrichardson.com/examples/timepicker/

这是一个C#aps.net应用程序,它有一个名为tbDate的字段,因为我有一个MasterPage,这个字段被称为jQuery的#MainContent_tbDate。

在后端C#代码中,以下行已添加到PagePreRenderComplete事件中。

 tbDate.Attributes.Add("onFocus", "getDate('#MainContent_tbDate');");

您可以看到,只需在该字段中添加onFocus事件即可。 (这适用于其他12个领域)

在我的.js文件中,我有以下代码。

    //This function launches the date picker
    function getDate(field){
        if (debug)
            {
                $.jGrowl("Displaying Date for field " + field);
            }
            $(field).datetimepicker({
                dateFormat:'dd/mm/yy',
                timeFormat:'hh:mm'
             });
        if (debug) {
            $.jGrowl("Launched " + field);
        }
    }

当字段获得焦点时运行。现在问题是它第一次获得焦点我看到我的第一个jGrowl消息,然后没有日期选择器,然后我看到我的第二个jGrowl消息。

我没有收到脚本错误。

如果我将焦点从场上移开然后还原,我会正确看到日期选择器。

为什么我第一次看到场地时才看到它?????

由于

SM

1 个答案:

答案 0 :(得分:0)

试试这个:

function getDate(field){
      $(function(){ 
         if (debug)
            {
                $.jGrowl("Displaying Date for field " + field);
            }
            $(field).datetimepicker({
                dateFormat:'dd/mm/yy',
                timeFormat:'hh:mm'
             });
        if (debug) {
            $.jGrowl("Launched " + field);
        }
}) 
    }