Tag: angularjs datepicker

Datepicker不会在angular-ui版本0.11.0中打开两次

我想要有2个dateselect器,我正在使用Angular UI版本0.11.0。 我的HTML代码 <span ng-if="periods.period == 10"> <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="cdate.customStartDate" is-open="opened1" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" class="input-md" /> <button class="btn" ng-click="open($event,'opened1')"><span class="glyphicon glyphicon-calendar"></span></button> </span> <span ng-if="periods.period == 10"> – <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="cdate.customEndDate" is-open="opened2" min-date="cdate.customStartDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" class="input-md" /> <button class="btn" ng-click="open($event,'opened2')"><span class="glyphicon glyphicon-calendar"></span></button> </span> 和我的JS代码是` $scope.disabled = function(date, […]

如何发送没有时区的AngularStrap datepicker值?

我想知道是否有可能使用AngularStrap的datepicker没有它保持用户的区域设置的时区信息。 在我们的应用程序中,我们想要处理具有到期date的合同对象。 在添加或编辑合同对象时,有一个用于selectdate的dateselect器字段。 以下事情发生: 用户selectdate(例如2013-10-24) Angular将javascriptdate对象绑定到ng-model字段 绑定的date对象位于用户的时区(例如GMT + 3) 用户提交表单 使用Angular的$ http服务将date发送到服务器 在第5步中,date转换为UTC格式。 选定的date是在午夜十二点三十五分(GMT + 3)2013-10-24,但UTC转换将date更改为2013-10-23在晚上九点。 我们如何防止转换,或在整个过程中使用UTCdate? 我们不希望合约的date根据用户的当地时区而改变。 相反,我们希望date总是在2013-10-24,不pipe什么时区。 我们目前的解决scheme是对AngularStrap库做一些小的修改,这样date在发送到服务器时不会改变。 如果我们可以在服务器中获得用户所选的时区,我们可以在那里进行另一次转换,但服务器没有这些信息。 所有的想法都赞赏!

如何在一个页面上至less有两个ui-bootstrapdateselect器?

我想在页面上有几个dateselect器。 但是使用UI-Bootstrap的默认解决scheme是不可能的,没有一个dateselect器可以打开。 彼此冲突。 这是我的代码: <div> <div class="form-horizontal pull-left"> <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" is-open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true"/> <button class="btn" ng-click="open()"><span class="glyphicon glyphicon-calendar"></span></button> </div> <div class="form-horizontal pull-left"> <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" is-open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" /> <button class="btn" ng-click="open()"><span class="glyphicon glyphicon-calendar"></span></button> </div> <button type="submit" class="btn btn-default">Submit</button> </div> 我只是从网站http://angular-ui.github.io/bootstrap/#/datepicker复制/粘贴了datepicker代码。 他们相互冲突。 当我点击<input>字段打开一个dateselect器,没有人可以正确打开,都打开一秒钟,立即消失。 我怎样才能在一个页面上有几个dateselect器?

Angular引导dateselect器date格式不会格式化ng模型值

我在我的angular度应用程序中使用引导dateselect器。 然而,当我从该dateselect一个date – select器基础ng模型,我有绑定获取更新我想要在一个date格式“MM / dd / yyyy”ng模型。 但是它每次都是这样的date "2009-02-03T18:30:00.000Z" 代替 02/04/2009 我为同一个plunkr链接创build了一个plunkr 我的Html和控制器代码如下所示 <!doctype html> <html ng-app="plunker"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script> <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script> <script src="example.js"></script> <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div ng-controller="DatepickerDemoCtrl"> <pre>Selected date is: <em>{{dt | date:'MM/dd/yyyy' }}</em></pre> <p>above filter will just update above UI but I want to update actual ng-modle</p> <h4>Popup</h4> <div […]