【问题标题】:Excluding saturday and sunday in angular 4 datepicker?在 Angular 4 日期选择器中排除周六和周日?
【发布时间】:2017-11-10 09:59:45
【问题描述】:

我正在构建一个休假管理系统,用户可以在其中申请休假,而经理可以选择批准或拒绝此休假请求。 因此,为此将有开始休假和结束休假日期,如果它们介于两者之间,我必须排除星期六和星期日。 那么,如果有一个模块对此有帮助呢? Ng2-datepicker 不能灵活地排除周六、周日或在选择时禁用它们。

【问题讨论】:

    标签: javascript jquery angular angular-cli


    【解决方案1】:

    您可以为此使用 boostrap。

    This fiddle 有一个例子

    scope.disabled = function(date, mode) {
            return (scope.disableWeekends && mode === 'day' && (date.getDay() === 0 || date.getDay() === 6));
          };
    

    或者你可以使用this one

    它可以选择禁用星期几(或任何日期),如下所示

    <div class="container">
        <div class="col-sm-6" style="height:130px;">
            <div class="form-group">
                <div class='input-group date' id='datetimepicker11'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar">
                        </span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker11').datetimepicker({
                    daysOfWeekDisabled: [0, 6]
                });
            });
        </script>
    </div>
    

    【讨论】:

    • 这与 Angular 4 兼容吗? momentjs 有禁用选项吗? @channa
    • 编辑了答案。很抱歉造成混乱
    • 好的,我会试试这个。但是小提琴有旧角度版本的代码
    • 您可以尝试许多选项。我在答案中添加了另一个。最好尝试一下并选择符合您要求的任何内容
    猜你喜欢
    • 2018-06-01
    • 2020-08-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-07
    • 2015-05-04
    相关资源
    最近更新 更多