当前位置: 首页 > 面试题库 >

如何将Bootstrap-datepicker元素与angularjs ng-model绑定?

张和豫
2023-03-14
问题内容

这是日期字段的html

<div class='form-group'>
  <label>Check out</label>
    <input type='text' ng-model='checkOut' class='form-control' data-date-format="yyyy-mm-dd" placeholder="Check out" required id="check-out">
</div>
<script>
$('#check-out').datepicker();
</script>

日期选择器显示在输入字段中。但是,如果我在控制器中执行此操作:

console.log($scope.checkOut);

我懂了undefined in the javascript console。如何解决呢?
有没有办法使用更好的方法bootstrap-datepickerangularjs

我不想使用,angular-ui/angular-strap因为我的项目充满了JavaScript库。


问题答案:

正如@lort所建议的那样,您无法从控制器访问datepicker模型,因为datepicker具有其自己的私有范围。

如果您设置: ng-model="parent.checkOut"

并在控制器中定义: $scope.parent = {checkOut:''};

您可以使用以下方式访问日期选择器: $scope.parent.checkOut



 类似资料:
  • Bootstrap-datepicker 提供了一个灵活的 Bootstrap 风格日期选择控件。它包括很多选项,方法和事件。你可以将月名称和工作日名称本地化。

  • 本文向大家介绍Bootstrap 元素,包括了Bootstrap 元素的使用技巧和注意事项,需要的朋友参考一下 Bootstrap中的<small>元素用于设置内联子标题。 您可以尝试运行以下代码来实现<small>元素: 示例

  • Bootstrap下的datepicker插件,支持IE7, Bootstrap v2.0.2+ 使用非常简单 $('.datepicker').datepicker()

  • 是否可以使用PDFBox(或其他库)将两个PDF中的元素合并为最终PDF? 我不是在寻找页面连接,而是在合并页面元素:

  • 问题内容: 我使用jquery fancybox 1.3.4作为弹出表单。 但是我发现fancybox无法绑定到动态添加的元素。例如,当我向当前文档中添加html元素时。 像这样:首先我使用jquery将一个元素附加到主体, 我叫fancybox, 但fancybox不适用于动态添加的元素。 我不能从此元素调用fancybox吗? 问题答案: 将fancybox(v1.3.x)绑定到动态添加的元素

  • 如何在Spring MVC中将输入元素绑定到数组列表元素? 视图模型: 模型属性: 控制器 然后,在jsp中,我有4个隐藏的输入,它们表示evaluatedId、evaluatorId、evoluatorName和evaluatedName的字段- 更新: 通过此更新,我收到以下错误: