Angular UI日期选择器按需绑定

时间:2014-10-28 12:13:01

标签: angularjs twitter-bootstrap datepicker angular-ui ondemand

[http://jsfiddle.net/shykwoh3/2/]

<span class="input-group">
        <input type="text"
            class="form-control"
            ng-model="hole.date"  
        />
        <!-- 
            datepicker-popup="yyyy-MM-dd"
            show-button-bar="false"
            is-open="opened" 
        -->

        <span class="input-group-btn">
            <button type="button"
                class="btn btn-default"
                ng-click="showDatePicker();">
                <i class="glyphicon glyphicon-calendar"></i>
            </button>
        </span>
    </span>

我正在尝试创建动态/按需日期选择器。

Explenation:我希望有一个可以调用或显示日期选择器的指令或控制器函数,但只能在点击了calander图标的字段上进行绑定。 I.E.它不应该将这些输入字段绑定到日期选择器等,直到点击图标,这就是共鸣,如果我在页面上说这样的1000个日期,页面加载非常慢,因为日期选择器弹出绑定是在页面加载时绑定。

默认弹出式datepicker的工作方式如下:

Bootstrap.UI:angular-ui.github.io(向下滚动到Datepicker(ui.bootstrap.datepicker))

如果有人理解我的问题以及我想要实现的目标,请帮助我:像模态日期选择器这样的东西,但我不想要一个模态。日期选择器看起来应该像http://angular-ui.github.io/bootstrap/的弹出日期选择器一样工作,但绑定不应该在页面加载时发生,而是仅在单击时

0 个答案:

没有答案