javascript - 从日期到 Angular js中的日期验证

标签 javascript jquery html angularjs frontend

这是我的代码

<tr ng-show="option == 'Yearly' || option == 'Date'">
  <td>
    <label>From:</label>
  </td>
  <td>
    <input type="date" ng-model="fromdate" id="fromdate" date-picker />
  </td>
  <td>
    <label>To:</label>
  </td>
  <td>
    <input type="date" ng-model="todate" date-picker />
  </td>
</tr>

我有一个用于 fromdate 和 todate 的 jquery 日期选择器,我需要禁用结束日期中小于开始日期的所有日期......

最佳答案

我用过https://github.com/Eonasdan/bootstrap-datetimepicker 以前和minDatemaxDate如果您想查看另一个插件,选项可能对您的用例有帮助。

设置maxDateminDate的示例用法:

html:

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

js:

$('#datetimepicker1').datetimepicker({
  maxDate: new Date("6/8/2016"),
  minDate: new Date("6/2/2016")
});

工作 Plunker

注意:此插件依赖于bootstrapjquerymomentjs

编辑:

还有一个 Angular 包装器指令:https://github.com/diosney/angular-bootstrap-datetimepicker-directive

关于javascript - 从日期到 Angular js中的日期验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37626564/

相关文章:

javascript - HTML 标题工具提示在空格后被 chop

html - 有没有办法找出网站上使用特定 CSS 样式的位置?

javascript - 我想做一个简单的视频分享网站。我应该从哪里开始?

javascript - onblur 取最后点击的值不取当前点击的值?

javascript - 使用 ng-repeat 重新加载时未设置选择项目的内容

jquery - 选择2 : How to unselect all options and select only one

javascript - 当页眉到达顶部时 Div 开始滚动,当底部到达页脚时停止滚动

javascript设置高度

javascript - 如何使用 dotdotdot 展开 chop 的文本 onclick?

html - 如何自动下载可通过 html 表单获取的数据?我应该学什么?