Javascript Can'；t从JS函数访问combodate

我怀疑我遇到的问题只是对JS范围的误解或其他什么

我链接了moment.js和combodate.js，在我的表单之后立即运行以下代码时效果良好：

<script type="text/javascript">
    $(function(){
        $('#birthday').combodate();
    });
</script>

我得到一个错误：

TypeError: $(...).combodate is not a function

我必须做一些特殊的事情才能在函数中使用它吗

编辑：为了澄清，以下代码确实有效：

<form id="register-form" action='<?= base_url('user/register/' . issetor($invite_code, '')) ?>' method="POST">
        <!-- Account Type hidden form element-->
        <input type="hidden" name="account_type" class="form-control" id="account_type" value="<?= issetor($_GET['account_type'], '') ?>" />

        <div class="control-group"> 
          <!-- First Name --> 
          <!--<label class="control-label"  for="first_name">First Name</label>-->
          <div class="controls">
            <input type="text" id="first_name" name="first_name" placeholder="First Name" value="<?=isset($set_values['first_name'])? $set_values['first_name'] : ''?>" required>
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group" id="last_name_group"> 
          <!-- Last Name --> 
          <!--<label class="control-label"  for="last_name">Last Name</label>-->
          <div class="controls">
            <input type="text" id="last_name" name="last_name" placeholder="Last Name" value="<?=isset($set_values['last_name'])? $set_values['last_name'] : ''?>">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group" id="username_group" style="display: none;"> 
          <!-- Username --> 
          <!--<label class="control-label" for="username">Username</label>-->
          <div class="controls guidingText">
            <input type="text" id="username" name="username" placeholder="Username" value="<?=isset($set_values['username'])? $set_values['username'] : ''?>">
            <p>Username can contain any letters or numbers, but must be 20 characters or less.</p>
          </div>
        </div>
        <div class="control-group" id="email_group"> 
          <!-- Email --> 
          <!-- <label class="control-label" for="email">Email </label>-->
          <div class="controls">
            <input type="text" id="email" name="email" placeholder="Email" value="<?= issetor($set_values['email'], issetor($parent_email, '')) ?>">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group" id="gender_group" style="display: none;"> 
          <!-- Gender -->
          <!--<label class="control-label"  for="gender">Gender</label>-->
          <div class="controls">
            <select name="gender" id="gender" class="genderSelect" value="<?=isset($set_values['gender'])? $set_values['gender'] : 'Gender'?>">
              <option>Gender</option>
              <option>Male</option>
              <option>Female</option>
            </select>
          </div>
        </div>
        <div class="control-group" id="birthday_group" style="display: none;"> 
          <!-- Birthday --> 
          <div class="controls input-append date">
          <p>Birthday</p>
            <input type="text" id="birthday" class="bdateSelect" name="birthday" placeholder="Birthday" data-format="MM/DD/YYYY" data-template="MMM / D / YYYY" value="<?= date('m/d/Y') ?>">
            <span class="add-on"><i class="icon-th"></i></span>
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group" id="parent_email_group" style="display: none;"> 
          <!-- Parent Email --> 
          <!-- <label class="control-label" for="parent_email">Parent Email</label>-->
          <div class="controls guidingText">
            <input type="text" id="parent_email" name="parent_email" placeholder="Parent Email" value="<?=isset($set_values['parent_email'])? $set_values['parent_email'] : ''?>">
            <p>If not available, leave blank for now.</p>
          </div>
        </div>

        <div class="control-group"> 
          <!-- Password --> 
          <!-- <label class="control-label" for="password">Password</label>-->
          <div class="controls guidingText">
            <input type="password" id="password" name="password" placeholder="Password" pattern="^\S{8,}$" required title="Password must be 8 characters or more.">
            <p>Password must be at least 8 characters</p>
          </div>
        </div>
        <div class="control-group"> 
          <!-- Password Confirmation --> 
          <!--<label class="control-label"  for="password_confirm">Confirm Password</label>-->
          <div class="controls">
            <input type="password" id="password_confirm" name="password_confirm" placeholder="Confirm Password" minlength="8" pattern="^\S{8,}$" onchange="check(this)"  required>
            <p class="help-block"></p>
          </div>
        </div>

          <div class="control-group"> 
          <!-- Password Confirmation --> 
          <!--<label class="control-label"  for="password_confirm">Confirm Password</label>-->
          <div class="controls">
            <input type="zip" id="zip" name="zip" placeholder="Zip Code" minlength="5" pattern="^\d{5,}$" onchange="check(this)">
            <p class="help-block"></p>
          </div>
        </div>
        <div class="control-group"> 
          <!-- Submit Button -->
            <button class="button3" id="form-submit-btn">Sign Up</button>
        </div>
      </form>
      <script type="text/javascript">
        $(function(){
            $('#birthday').combodate();
        });
      </script>

---

1-检查所包含的脚本中是否包含combodate.js，以及是否在moment.js之后包含它，因为combodate基于moment.js

2-确保在html中有一个以生日为id的输入。
1-检查所包含的脚本中是否包含combodate.js，以及是否在矩.js之后包含它，因为combodate基于矩.js

2-确保在html中有一个以生日为id的输入。
1-检查所包含的脚本中是否包含combodate.js，以及是否在矩.js之后包含它，因为combodate基于矩.js

2-确保在html中有一个以生日为id的输入。
1-检查所包含的脚本中是否包含combodate.js，以及是否在矩.js之后包含它，因为combodate基于矩.js

2-确保在html中有一个以生日为id的输入。
它可以在函数中运行

在domready上初始化combodate函数后，是否调用该函数？如果是这样的话，那就行不通了。如果要重置该值，必须使用setValue方法

以下是一个例子：

Combodate在dom ready上初始化，然后再次单击按钮，它将调用一个设置新值的函数

$(function () {
  $('#date').combodate();
});

$("button").click(function () {
  launchChildRegisterModal();
});
var launchChildRegisterModal = function () {
  $('#date').combodate('setValue', "12/12/2003");
};

如果只希望使用dom中提供的值在单击按钮时对其进行初始化，则可以使用相同的结构

$(function () {
 // $('#date').combodate();
});

$("button").click(function () {
  launchChildRegisterModal();
});
var launchChildRegisterModal = function () {
  $('#date').combodate();
};

它可以在函数中运行

在domready上初始化combodate函数后，是否调用该函数？如果是这样的话，那就行不通了。如果要重置该值，必须使用setValue方法

以下是一个例子：

Combodate在dom ready上初始化，然后再次单击按钮，它将调用一个设置新值的函数

$(function () {
  $('#date').combodate();
});

$("button").click(function () {
  launchChildRegisterModal();
});
var launchChildRegisterModal = function () {
  $('#date').combodate('setValue', "12/12/2003");
};

如果只希望使用dom中提供的值在单击按钮时对其进行初始化，则可以使用相同的结构

$(function () {
 // $('#date').combodate();
});

$("button").click(function () {
  launchChildRegisterModal();
});
var launchChildRegisterModal = function () {
  $('#date').combodate();
};

它可以在函数中运行

在domready上初始化combodate函数后，是否调用该函数？如果是这样的话，那就行不通了。如果要重置该值，必须使用setValue方法

以下是一个例子：

Combodate在dom ready上初始化，然后再次单击按钮，它将调用一个设置新值的函数

$(function () {
  $('#date').combodate();
});

$("button").click(function () {
  launchChildRegisterModal();
});
var launchChildRegisterModal = function () {
  $('#date').combodate('setValue', "12/12/2003");
};

如果只希望使用dom中提供的值在单击按钮时对其进行初始化，则可以使用相同的结构

$(function () {
 // $('#date').combodate();
});

$("button").click(function () {
  launchChildRegisterModal();
});
var launchChildRegisterModal = function () {
  $('#date').combodate();
};

它可以在函数中运行

在domready上初始化combodate函数后，是否调用该函数？如果是这样的话，那就行不通了。如果要重置该值，必须使用setValue方法

以下是一个例子：

Combodate在dom ready上初始化，然后再次单击按钮，它将调用一个设置新值的函数

$(function () {
  $('#date').combodate();
});

$("button").click(function () {
  launchChildRegisterModal();
});
var launchChildRegisterModal = function () {
  $('#date').combodate('setValue', "12/12/2003");
};

如果只希望使用dom中提供的值在单击按钮时对其进行初始化，则可以使用相同的结构

$(function () {
 // $('#date').combodate();
});

$("button").click(function () {
  launchChildRegisterModal();
});
var launchChildRegisterModal = function () {
  $('#date').combodate();
};

显示您是如何引用它的。在我的示例中，我已经包含了momente.js和combodate.js的脚本标记。如果调用不在函数中，则在输入上有一个带有I can call combodate（）的页面，但在我的LaunchChildRegisterModel函数的页面上，我得到了“nota function”错误。我还应该指定通过单击按钮调用LaunchChildRegisterModel函数，所以它不像其他的那样在页面加载时完成。显示你是如何引用它的。在我的文章中，我已经包含了moment.js和combodate.js的脚本标记。如果调用不在函数中，则在输入上有一个带有I can call combodate（）的页面，但在我的LaunchChildRegisterModel函数的页面上，我得到了“nota function”错误。我还应该指定通过单击按钮调用LaunchChildRegisterModel函数，所以它不像其他的那样在页面加载时完成。显示你是如何引用它的。在我的文章中，我已经包含了moment.js和combodate.js的脚本标记。如果调用不在函数中，则在输入上有一个带有I can call combodate（）的页面，但在我的LaunchChildRegisterModel函数的页面上，我得到了“nota function”错误。我还应该指定通过单击按钮调用LaunchChildRegisterModel函数，所以它不像其他的那样在页面加载时完成。显示你是如何引用它的。在我的文章中，我已经包含了moment.js和combodate.js的脚本标记。如果调用不在函数中，则在输入上有一个带有I can call combodate（）的函数，但在我的LaunchChildRegisterModel函数的页面上，我得到了“nota function”错误。我还应该指定LaunchChildRegisterModel函数是通过单击按钮来调用的，因此它不像其他函数那样在页面加载时完成。