angularjs如何使用Bootstrap的datepicker

发布时间: 2017/5/1 18:40:07
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我对angularjs很陌生(或一般的web编程)。我有一个非常基本的问题——我想在我的应用程序中包含一个日期选择器。出于这个目的,我尝试设置Bootstrap datepicker:

https://bootstrap-datepicker.readthedocs.org/en/latest/#

我有 jQuery 和 Bootstrap 依赖项包括︰

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/blog.css">
    <script src="angular-datepicker.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/blogController.js"></script>

我真的不明白,怎么从现在开始使用它?我可以在我的 HTML 模板中包含一些输入的字段,但究竟如何做调用脚本中调用日期选取器widget?

解决方法 1:

添加 idclass 到你 input 字段并使用它作为一个选择器,一旦你叫之上。

在你的 HTML:

<input type="text" class="datepicker">

在你的 JS:

$('.datepicker').datepicker();
官方微信
官方QQ群
31647020