标签: angular-ui-datepicker

<form name="reportform" ng-submit="process_form()" novalidate >
  <input name="startdate" placeholder="Enter a start date" ui-date ng-model="startdatevalue"  required>
  <ng-messages ng-if='reportform.startdate.$touched' for="reportform.startdate.$error">
    <ng-message when="required" class="error-message">
      THIS FIELD IS REQUIRED (ALL IN CAPS TO MAKE IT EASIER TO SEE IT FLASH BY!)
    </ng-message>
  </ng-messages>
  <button ng-disabled="reportform.$invalid" type="submit">
    Submit Query
  </button>
</form>

Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助.

angularjs angular-ui-datepicker

use*_*183

lucky-day

5
推荐指数

1
解决办法

1万
查看次数

模态中的角度ui-date

我正在使用ui-date(https://github.com/angular-ui/ui-date)(这是一个扩展jquery ui日期选择器的angular指令)来创建一个弹出日期选择器,当点击一个输入时上.问题是,它位于$ modal窗口内(来自angular-ui).当您单击输入框时,日期选择器的div将附加到底部,就在结束标记的上方,即包含$ modal的div的OUTSIDE.因此,当$ modal窗口关闭(并因此从DOM中删除)时,日期选择器的div保持不变.

我找不到任何关于jquery或ui-date的文档,它们允许将div附加到另一个元素,它似乎是内置的.

我不确定如何解决这个问题.

日期选择期间的代码

<body>

<div class="modal"> <!-- This is the modal div which will be created and destroyed -->
<input type="text" class="input-calendar" id="reason_date" name="reason_date" ng-model="effectiveDate" ui-date="DateOptions" date-input-format date-validation required="required" autocomplete="off" />
</div>

<!-- This is where the date-picker div is appended -->
<div class="date-picker"> 
</div>

</body>

Run Code Online (Sandbox Code Playgroud)

模态关闭后

<body>

<!-- Modal div has been destroyed upon close -->

<!-- Date picker div was outside of modal div, so it remains -->
<div class="date-picker"> 
</div> …

Run Code Online (Sandbox Code Playgroud)

jquery angularjs angular-ui-datepicker

mls*_*712

2016 08-31

5
推荐指数

1
解决办法

429
查看次数

UI Bootstrap 日期选择器在附加到正文时会重复

我ui.bootstrap.datepickerPopup在内部的过滤器标头模板中使用ui.grid。这让我可以按日期过滤行。我的网格菜单内还有一个用于切换的按钮grid.options.enableFiltering。

由于的对齐问题ui-grid，我有datepicker-append-to-body日期选择器设置为 true。第一次启用过滤时，一切正常。但是，当我禁用过滤并重新启用它时，我会得到重复的日期选择器。

问题是这样的：

我认为问题在于每次启用过滤器时，以下内容div都会附加到 DOM 中，并且在禁用过滤器时永远不会删除。

<div uib-datepicker-popup-wrap=""
     ng-model="date"
     ng-change="dateSelection(date)"
     template-url="uib/template/datepickerPopup/popup.html"
     class="ng-pristine ng-untouched ng-valid ng-scope ng-empty ng-valid-date-disabled"
>
    <!-- ngIf: isOpen -->
</div>

Run Code Online (Sandbox Code Playgroud)

这是一个简化的plunker： http://plnkr.co/edit/eYZt87j2O6A5xhjHj5ZG
如果我只在其中使用一个日期选择器，我会遇到同样的问题Time Range。

任何想法都将不胜感激！不想使用 jQuery。

angularjs angular-ui-bootstrap angular-ui-grid angular-ui-datepicker

Bor*_*eco

2017 09-08

5
推荐指数

1
解决办法

1950
查看次数