Angularjs和引导datetimepicker_Angularjs_Angular Ui

Angularjs和引导datetimepicker

angularjs

Angularjs和引导datetimepicker,angularjs,angular-ui,Angularjs,Angular Ui,我正在尝试将datetimepicker集成到我的角度表单验证中。到目前为止，一切正常，但它似乎根本不响应点击按钮打开日历。我在这里遵循了以下示例：。这是我的代码，最相关的部分在这里： <div class="control-group" ng-class="{error: form.BirthDate.$invalid}"> <label class="control-label" for="BirthDate">{{'_BirthDate_' | i18n}}

我正在尝试将datetimepicker集成到我的角度表单验证中。到目前为止，一切正常，但它似乎根本不响应点击按钮打开日历。我在这里遵循了以下示例：。这是我的代码，最相关的部分在这里：

<div class="control-group" ng-class="{error: form.BirthDate.$invalid}">
    <label class="control-label" for="BirthDate">{{'_BirthDate_' | i18n}}</label>
    <div class="controls">
        <input id="BirthDate" name="BirthDate" title="BirthDate" type="text" ng-model="user.BirthDate" data-date-format="dd/mm/yyyy" bs-datepicker required>
        <button type="button" class="btn" data-toggle="datepicker"><i class="icon-calendar"></i></button>
        <span ng-show="form.BirthDate.$dirty && form.BirthDate.$error.required">{{'_BirthDateRequired_' | i18n}}</span>
    </div>
</div>

编辑：正如JQuery专家所建议的，我需要将angularstrap指令注入我的app.js。它现在可以工作了，但验证根本不能正常工作。当我单击日历中的某个日期时，它确实起作用，但当我手动输入数据时，它无法正确验证。例如，输入文本仍然会给出所需的验证消息，并且根本没有模式验证

<

div class="control-group" ng-class="{error: form.BirthDate.$invalid}">
        <label class="control-label" for="BirthDate">{{'_BirthDate_' | i18n}}</label>
        <div class="controls">
            <input id="BirthDate" name="BirthDate" title="BirthDate" type="text" ng-model="user.BirthDate" data-date-format="dd/mm/yyyy" bs-datepicker required ng-pattern="/^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/">
            <button type="button" class="btn" data-toggle="datepicker"><i class="icon-calendar"></i></button>
            <span ng-show="form.BirthDate.$dirty && form.BirthDate.$error.required">{{'_BirthDateRequired_' | i18n}}</span>
            <span ng-show="form.BirthDate.$dirty && form.BirthDate.$error.pattern">{{'_BirthDateInvalid_' | i18n}}</span>
        </div>
    </div>

<
div class=“控制组”ng class=“{错误：form.BirthDate.$invalid}”>
{{{你的生日{i18n}
{{{''u出生日期必填{''i18n}
{{u生日无效{u124; i18n}

您似乎忘记了包含日期选择器的依赖项：

而且

您似乎忘记了包含日期选择器的依赖项：

并且

您需要在应用程序中注入angularstrap指令。以下是示例：

angular.module('Myapp', ["$strap.directives"]);

以下是工作代码：

在左面板中单击app.js查看

在HTML页面中，您还需要添加apps.js的参考

<html ng-app="Myapp">

您需要在应用程序中插入angularstrap指令。以下是示例：

angular.module('Myapp', ["$strap.directives"]);

以下是工作代码：

在左面板中单击app.js查看

在HTML页面中，您还需要添加apps.js的参考

<html ng-app="Myapp">

谢谢，这正是我所缺少的，在你发帖前不久我就发现了。我对此的另一个问题是，验证没有像它应该做的那样工作（请参见上面的编辑）。如果你有什么好主意的话，那就太棒了。谢谢，这正是我所缺少的，我在你发帖前不久就发现了。我对此的另一个问题是，验证没有像它应该做的那样工作（请参见上面的编辑）。如果你有任何想法，那就太棒了。