Question

我有一个日期选择器控件（Datestpicker for Bootstrap 3 * version：4.15.35），其中我添加了一个必需的字段验证器。我想检查用户是否使用删除键删除日期。如果是，如果datepicker中没有值，我想显示验证消息。我添加了验证消息，但仅当按下退格键并删除数据时它才有效。以下是现有代码：

在Index.cshtml中

<script src="/Scripts/bootstrap-datetimepicker.js"></script>
<div ng-controller="testController" ng-init="init()">
    <form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate="">
        <div class="col-sm-6">
            <label class="control-label">Start date</label>
            <div class="form-group">
                <div class="input-group date" id="startDatepicker">
                    <input type="text" required="" class="form-control" placeholder="MM/DD/YYYY" ng-model="defaultStartDate" name="startDate">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
            <span style="color:red" ng-show="submitted == true && mainForm.startDate.$error.required">Start Date is required</span>
        </div>
        <input type="submit" value="Submit" ng-click="submitted=true" />
    </form>
</div>

在controller.js中：

var setDefaultDate = new Date();
    $scope.defaultStartDate = moment(setDefaultDate).format('MM/DD/YYYY');


    jQuery('#startDatepicker').datetimepicker({
        format: 'MM/DD/YYYY',
        defaultDate: new Date()
    });

    jQuery('#startDatepicker').data("DateTimePicker").minDate($scope.defaultStartDate);


    jQuery("#startDatepicker").on("dp.change", function(e) {
        jQuery('#startDatepicker').focus();     

);

我尝试使用以下代码，检查是否按下了删除键，但未调用该事件。

jQuery("#startDatepicker").keyup(function (e) {
        if (e.keyCode == 46) {
            alert('Delete Key Pressed');
        }
    });

AngularJs中是否有其他方法可以识别数据是否为空（通过删除按键删除日期）？如何解决这个问题？感谢

删除Eonasdan / bootstrap-datetimepicker

0 个答案: